如何将我的表单文本框设置为默认字体？

Question

是否可以将我的表单文本框设置为默认字体？如您所见，它显示为黑色而不是我的正文文本属性为红色？我在这里需要一个 html 解决方案而不是 css/class 标签。我问因为我需要我的粗体和斜体文本。

任何帮助将不胜感激。好吃

body {
    background-color: #6B6B6B;
    margin: 50px;
    
    font-family: Arial;
    color: red;
    font-size: 14px;
}

<div>
<input name="chatline" type="text" class="chatline" style="width:180px;border:none;outline:none;background-color:#2f2f2f;" value="Type Your Message" >
</div><p></p>

Answer 1

如果您想使用内联 css，只需在输入样式中添加 color:red;：

<input name="chatline" type="text" class="chatline" style="width:180px;border:none;outline:none;background-color:#2f2f2f;color:red;" value="Type Your Message" >

为什么颜色不是红色？那是因为您没有调用input 来赋予它一种风格。现在，它正在为正文添加样式。在你的 css 中调用输入会让你有机会给它你想要的样式：

input{
 font-weight:bold;
 font-family: Arial;
 font-size: 14px;
 color:red;
}