Question

您好，我需要使用value属性在按钮上应用CSS。但这不是要用css

button[value=Export List to Excel] {
  margin-top: 14px;
  background: red;
}

<button type="submit" id="cp_export_excel" name="cp_export_excel" value="Export List to Excel" class="btn btn-warning form-submit icon-before"><span class="icon glyphicon glyphicon-export" aria-hidden="true"></span> Export List to Excel</button>

我将如何实现这一目标。我只需要专门使用value属性。有人可以帮忙吗？

Answer 1

您的值表达式必须用引号引起来，因为您的空格会破坏CSS规则匹配：

button[value="Export List to Excel"] {
  margin-top: 14px;
  background: red;
}

<button type="submit" id="cp_export_excel" name="cp_export_excel" value="Export List to Excel" class="btn btn-warning form-submit icon-before"><span class="icon glyphicon glyphicon-export" aria-hidden="true"></span> Export List to Excel</button>

按钮值属性不采用CSS

1 个答案: