如何自定义我的 <input type=button>？ [复制]

Posted 2023-03-06

【中文标题】如何自定义我的 <input type=button>？ [复制]

【英文标题】：How can I customize my <input type=button>? [duplicate]

【发布时间】：2019-06-26 11:57:09

【问题描述】：

我正在尝试使用 CSS 将我的所有按钮设为这种样式：

button 
  background-color: #4CAF50;
  border: none;
  color: black;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
 

但是现在，我有一个不同类型的按钮，它是<input type=“button>。我尝试更改 CSS 以使其包含按钮和输入，如下所示：

button, input 
  background-color: #4CAF50;
  border: none;
  color: black;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;

问题在于，它会使所有输入（例如文本字段）变为绿色。那么有什么方法可以让我输入，只有那些具有按钮类型的输入？

【参考方案1】：

只需将一个类添加到您想要以这种方式设置样式的任何元素，并以该类而不是按钮为目标。 CSS Classes

【参考方案2】：

改变

button, input

到

button, input[type="button"]

这使用 CSS 的attribute selector syntax。或者给你的按钮类型输入一个通用的 CSS 类。例如<input type="button" class="myButton">，然后将您的选择器更改为：

button, .myButton ...

【讨论】：

我知道有办法。我只是找不到足够快的速度。

那行得通。非常感谢！我会尽快接受答案。