Question

我无法增加字体大小，也无法使边框消失。样式参数不会应用于输入类型。我可以设置代码中提到的其他两个div的样式。请指出我在做什么错？

<div style="font-size:20px;font-family: 'Abel',sans-serif">
   Contact us
</div>
<div style="font-family: 'Abel',sans-serif;font-size:20px;border:none;display:flex;justify-content:flex-start;">
     <div class = "textbox" style="font-family: 'Abel',sans-serif;font-size:90px;border:none;display:flex;justify-content:flex-start;">
        <input type = "text"    placeholder="First Name"  name = "email1" id="fname">
     </div>
     <div class = "textbox" style="">
        <input type = "text" placeholder="Last Name"  name = "email1" id="lname">
     </div>
</div>
<div style="font-size:25px;font-family: 'Abel',sans-serif">
    General Information
</div>

Answer 1

直接将css应用于输入标签，如下所示：

input[type=text] {
  //your css here
}

，或者如果您使用内联CSS，则

<input type = "text"  placeholder="First Name"  name = "email1" id="fname" style="font-size: 20px;">

由于应用于div不会影响输入，因此它已经具有自己定义的CSS。

Answer 2

尝试此操作，将内联CSS直接应用于输入，希望它对您有用

<div style="font-size:20px;font-family: 'Abel',sans-serif">
    Contact us
  </div>

<div class = "textbox" style="font-family: 'Abel',sans-serif;font-size:90px;border:none;display:flex;justify-content:flex-start;">

  <input type = "text"  placeholder="First Name"  name = "email1" id="fname" style="font-size: 20px;border: none;">

</div>
<div class = "textbox" style="">

  <input type = "text"  placeholder="Last Name"  name = "email1" id="lname" style="font-size: 20px;border: none;">

</div>

一般信息

Answer 3

如果要样式化组件，可以使用三种类型的CSS集成来样式化

1）内联CSS 2）内部CSS 3）外部CSS

您可以在Google上阅读有关内容。

对于您的问题，您可以代替

<input type="text" style="font-size:20px"/>

或

<input type="text" class ="inputStyle"/>
 .inputStyle { font-size:20px }

Div样式不适用于输入类型的文本

3 个答案: