在输入字段中为输入的文本添加样式

Question

请告诉我如何在输入字段中输入的文本中添加样式填充左侧或左侧边距

 <input name="keyword" type="text" placeholder="Job title, Keywords or Company Name"/>

Answer 1

＆＃13;

＆＃13;

input {
  padding-left: 10px;
  }

＆＃13;

<input name="keyword" type="text" placeholder="Job title, Keywords or Company Name"/>

＆＃13;

＆＃13;

＆＃13;

Answer 2

您可以将类或ID添加到特定输入中，然后您可以为其指定样式。

.abcd{
  padding-left:15px;
}

<input name="keyword" type="text" class="abcd" placeholder="Job title, Keywords or Company Name"/>

Answer 3

有多种方式可以添加样式。

最优选的是

<input name="keyword" type="text" class="txtCSS" placeholder="Job title, Keywords or Company Name"/>

然后将样式添加到该类，如

.txtCSS{
    margin-left: 10px;
    padding-left: 10px;
    //you can add more styles if you require.
    }

第二种方法是将css内联这样绑定，但它不是优选的，并且主要用于需要在页面上应用样式时。

<input name="keyword" type="text" Style="margin-left:10px; padding-left:10px;" placeholder="Job title, Keywords or Company Name"/>