html - CSSing 一个输入类型只提交 - 不是所有输入，而我根本不能使用更改 html

Question

我正在尝试更改提交按钮的外观 - 我无法使用 id 或 class 或类似的东西。

我有一个 div - 在这个 div 中 2 输入 1 是一个文本，另一个是提交假设 div 的类是 holder。

<div class="holder">
<input type="text" name="somename" value="somevalue">
<input type="submit" name="submit" value="save changes">
</div>

我当前的 CSS 是:

.holder input, textarea {
width:250px;
}

然而，为此改变两种输入类型。我正在尝试单独更改它们。

Answer 1

您可以指定 css 属性所需的特定属性:

.holder input[type=submit] {
  width:250px;
}

引用:http://www.w3.org/TR/CSS2/selector.html#attribute-selectors

基本上，这意味着 width 属性仅适用于 <input> #holder 容器内的标签，如果类型属性的值为“提交”。

你也可以在 name 属性上使用它:

.holder input[name=submit] {
  width:250px;
}