从 CSS 更改<输入类型=按钮值= "select one" >的文本

Question

我无法从CSS中更改按钮的文本

的HTML是-

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

我需要从css中更改文本"select one"为"select two"。比如在我尝试的下面-

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

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

Answer 1

你不能用纯css改变input中的value

Answer 2

不能通过CSS改变输入的值。CSS内容属性有另一个用途，请阅读此页

要使用Javascript更改输入的值，请参见此答案

Answer 3

虽然您不能使用content更改元素的文本，特别是对于<input>或<select>元素，可以没有后代元素，但如果您使用<button>元素，则是可能的;哪些可以包含子类:

#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文件，或任何服务器端脚本生成的页面)。