uniapp中的css,怎么修改input输入框的placeholder的样式
时间: 2024-04-29 08:24:47 浏览: 141
可以通过以下代码来修改input输入框的placeholder的样式:
```css
/* 修改placeholder的颜色和字体大小 */
::placeholder {
color: #999;
font-size: 14px;
}
```
另外,如果需要修改placeholder的样式还可以使用其他属性,例如:font-weight、text-align等。
相关问题
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;
}
```
这个示例会给文本输入框添加一个灰色的边框、内边距、字体大小和圆角边框。当用户聚焦在输入框上时,边框的颜色会变成绿色。你可以根据自己的需求更改这些样式属性。
阅读全文