[分享]css中如何让输入框内有文字

CSS中如何让输入框内有文字？我们来一起看看。

 input[type="text"]{
        font-size: 14px;
        color: #333;
        padding: 5px;
        background-color: #eee;
        border: none;
        outline: none;
    }
    input[type="text"]:hover, input[type="text"]:focus {
        background-color: #fff;
    } 

以上是一个简单的CSS代码，可以让输入框内有文字。具体来说，它设置了输入框的字体大小、颜色、内边距、背景色和边框。

值得注意的是，这段代码中的input[type="text"]是一个选择器，它表示应用于所有type属性为"text"的input元素。如果你想对其他类型的输入框进行样式修改，只需要在选择器中修改这个type属性即可。

当鼠标悬浮或获得焦点时，输入框的背景色会从默认的灰色变为白色。这个效果是通过设置:hover和:focus伪类来实现的。

综上，通过这段CSS代码，我们可以让输入框内有文字，同时也提高了用户体验。希望对你有所帮助！