html 输入框

今天来写一个输入框，以下是html内的程序码

    <input type="text" placeholder="name">

placeholder是会显示在输入框内的提示文
先在css内写一些基本设定

        input{
            height:40px;
            width:300px;
            margin:20px;
            font-size: 30px;
        }

此时网页画面如下

接下来可以再对他做一些美化

        input{
            border-width: 3px;/* 边框粗度 */
            border-color: rgb(136, 136, 136);/* 边框颜色 */
            background-color: rgb(238, 238, 238);/* 底色 */
            border-radius: 10px;/* 圆角效果 */
            padding-left: 15px;/* 左框内距 */
        }

最後还有一个特别的属性可以调整

        input{
            caret-color: red;
        }

我将它设定为红色，各位可以找找下图哪里发生了变化