Question

我无法从CSS

更改按钮的文本

html是 -

<input type=button id="selBtn" value="select one">

我需要从css中更改文本 - “选择一个”到“选择两个”。有点像我试过的东西 -

input#selBtn:after 
{    
    content: 'select two'!IMPORTANT;
}

我还尝试隐藏可见性，然后设置我需要的值并使其再次可见。没有帮助。

Answer 1

您无法使用纯css更改value中的input。

Answer 2

您无法使用CSS更改输入的值。 CSS内容属性有另一种用途，请阅读this page。

要使用Javascript更改输入的值，请参阅this answer。

Answer 3

虽然您无法使用content更改元素的文字，尤其是对于没有后代元素的<input>或<select>元素，是如果您使用<button>元素＆amp; nadash，则可能;哪个可以包含后代：

#selBtn {
  position: relative;
}
#selBtn::after {
  content: 'select two';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: inherit;
}

<button type=button id="selBtn">select one</button>

请注意，CSS content属性应该不用于更改呈现给用户的内容，CSS是 - 或应该 - 纯粹是表示性的;所以虽然这是可能的，但不建议这样做。如果你真的需要更改表单元素的文本，我强烈建议使用JavaScript或更改网页本身（.html文件，或者生成该页面的服务器端脚本）。

从CSS更改<input type =“button”value =“select one”/>的文本

3 个答案: