uniapp中的css,怎么修改input输入框的placeholder的样式
时间: 2024-05-15 18:19:30 浏览: 110
可以使用以下代码修改input输入框的placeholder样式:
```css
/* 修改placeholder的颜色为红色 */
input::-webkit-input-placeholder {
color: red;
}
input::-moz-placeholder {
color: red;
}
input:-ms-input-placeholder {
color: red;
}
```
其中,`-webkit-input-placeholder`、`-moz-placeholder`、`-ms-input-placeholder`是三种不同浏览器对placeholder的支持,需要分别设置。其他的样式也可以使用类似的方式进行修改。
相关问题
css中,怎么修改input输入框的placeholder的样式
可以使用以下代码来修改input输入框的placeholder样式:
```
input::-webkit-input-placeholder {
/* WebKit browsers */
color: #999;
font-style: italic;
}
input:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: #999;
font-style: italic;
}
input::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: #999;
font-style: italic;
}
input:-ms-input-placeholder {
/* Internet Explorer 10+ */
color: #999;
font-style: italic;
}
```
在上述代码中,`input`选择器表示需要修改的元素是输入框,`::-webkit-input-placeholder`、`:-moz-placeholder`、`::-moz-placeholder`、`:-ms-input-placeholder`分别表示不同浏览器下的placeholder样式。可以根据需要修改不同浏览器下的样式。
修改input输入框的样式
要修改input输入框的样式,可以使用CSS。以下是一个简单的示例:
HTML代码:
```
<input type="text" placeholder="输入文本">
```
CSS代码:
```
input[type="text"] {
border: 2px solid #ccc;
padding: 10px;
font-size: 16px;
border-radius: 5px;
outline: none;
}
input[type="text"]:focus {
border-color: #4CAF50;
}
```
这个示例会给文本输入框添加一个灰色的边框、内边距、字体大小和圆角边框。当用户聚焦在输入框上时,边框的颜色会变成绿色。你可以根据自己的需求更改这些样式属性。
阅读全文