input 设置placeholder前四个字黑色字体,后三个红色加粗
时间: 2023-09-25 18:11:06 浏览: 33
可以使用 HTML/CSS 来设置 input 的样式,具体代码如下:
```html
<input type="text" placeholder="输入内容..." style="color: black; font-weight: normal;">
```
上述代码中,将前四个字的颜色设置为黑色,字体粗细设置为普通;后三个字的颜色设置为红色,字体粗细设置为加粗。你可以根据实际需求来调整代码中的样式。
相关问题
设置指定一个input框中的placeholder的颜色为红色
你可以使用如下的 CSS 代码来将指定 input 框中的 placeholder 颜色设置为红色:
```html
<input type="text" id="myInput" placeholder="请输入内容">
```
```css
#myInput::placeholder {
color: red;
}
```
其中,`#myInput` 是指定 id 为 myInput 的 input 框,`::placeholder` 是指定你要设置的 placeholder 样式,`color` 是设置颜色的属性,`red` 是具体的颜色值。你可以根据需要修改颜色值。
el-input placeholder css字体加粗
根据提供的引用内容,可以使用以下CSS样式来将el-input的placeholder字体加粗:
```css
.textarea-nput-box .el-input__inner::placeholder {
font-weight: bold;
}
```
这样就可以将el-input的placeholder字体加粗了。\[1\]
#### 引用[.reference_title]
- *1* *2* [vue修改子组件中的el-input的placeholder字体颜色](https://blog.csdn.net/weixin_49668076/article/details/126509643)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
- *3* [vue 设置 el-input 的 placeholder 的文本颜色以及样式](https://blog.csdn.net/HH18700418030/article/details/125429906)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]