为输入的输入文本html添加样式

时间:2017-03-08 06:12:30

标签: html css twitter-bootstrap

我有一个如下代码片段。



.place_class input[type="text"] {
  Line-height: 40px;
  float: left;
  height: 45px;
  outline: none;
  background-color: transparent;
  text-align: left;
  width: 73%;
  color: #000;
  border: 0px;
  font-size: 15px;
}

<input type="text" class="place_class" rows="4" cols="50" name="comment" form="usrform">
&#13;
&#13;
&#13;

由于某些原因,这似乎不起作用..

这是对的吗?

3 个答案:

答案 0 :(得分:1)

.place_class input[type="text"]替换为input[type="text"].place_class

Line-height也应该是行高

答案 1 :(得分:0)

.place_class input[type="text"] { // here you need to remove class .place_class
  Line-height: 40px;
  float: left;
  ....
}

Check this example

答案 2 :(得分:0)

试试这个

.place_class {
  line-height: 40px;
  float: left;
  height: 45px;
  outline: none;
  background-color: transparent;
  text-align: left;
  width: 73%;
  color: #000;
  border: none;
  font-size: 15px;
}   
<input type="text" class="place_class" rows="4" cols="50" name="comment" form="usrform">