时间戳

首页 > 解决方案 > 按钮值属性不采用 css

html - 按钮值属性不采用 css

问题描述

您好，我需要使用 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>

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

标签： htmlcss

解决方案

您必须将值表达式放在引号中，因为您的空格会破坏 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>

推荐阅读