可以通过纯css禁用输入字段吗?

Ste*_*ven 2 html css button

与html标签disable上的属性一样<input>.

我对禁用的效果不感兴趣,比如不包含在表单的POST中,并且样式当然可以在css中重做,如果它应该看起来只是禁用.(我的输入字段是提交按钮,因此从POST禁用是无关紧要的.)

我只需要它是不可点击的并且看起来是残疾的.

如果没有在html标签上添加属性,纯css是否可行?

Sar*_*raz 5

不,你不能通过CSS 禁用它的功能(因为它只是为了造型目的),虽然你可以使它看起来像使用CSS的禁用按钮灰色.要在功能方面禁用它,您将不得不求助于JavaScript.


使用CSS,您可以做的就是通过CSS将按钮设置为灰色,然后在其上创建另一个元素,使其z-index更高,设置positionopactiy完全透明.这意味着您的实际元素已启用,但由于其上的元素具有完全透明性,因此无法单击它.