html - CSSing 输入类型仅提交 - 不适用于所有输入，而我根本无法使用更改 html

Question

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

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

<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;
}

但是，为此更改了两种输入类型。我正在尝试单独更改它们。

score 14 · Accepted Answer

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

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

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

您也可以在 name 属性上使用它：

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

score 4 · Accepted Answer

提交输入的选择器将是：

.holder input[type="submit"]

请注意，您的 div 有一个“持有人”类，而不是“持有人”的 id，所以使用.not #。

2 回答 2