Textarea没有回应css

时间:2016-09-22 15:25:57

标签: html css

我试图在这里做的只是将我的CSS添加到我的textarea但是由于某种原因它没有响应它。是否有一种特殊的方法可以做到这一点,因为它不起作用是非常奇怪的。这可能是一个非常简单的答案吗?



input[type="textarea"] {
  overflow: hidden;
  resize: none;
  border: none;
  overflow: auto;
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  height: 50px;
  width: 500px;
  margin: 0;
}

<form method="post" action="MyDoc.php" autocomplete="off">
  <textarea name="tb_A1" cols="1" rows="2"></textarea>
</form>
&#13;
&#13;
&#13;

2 个答案:

答案 0 :(得分:2)

您的CSS不正确。该字段不是input,而是textarea

textarea {
  overflow: hidden;
  resize: none;
  border: none;
  overflow: auto;
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  height: 50px;
  width: 500px;
  margin: 0;
}
<form method="post" action="MyDoc.php" autocomplete="off">
  <textarea name="tb_A1" cols="1" rows="2"></textarea>
</form>

答案 1 :(得分:0)

input[type="textarea"] {

您正在匹配input元素,其type属性的值为textarea

<textarea name="tb_A1" cols="1" rows="2"></textarea>

这是 textarea 元素,而不是输入元素。它根本没有类型属性。

你的选择器应该是:

textarea {