Question

输入文本时，是否可以更改提交按钮的颜色？不知道如果不使用JavaScript（不是一个非常熟练的编码器！）是否有可能。

CSS：

<figure>
  <img style="width: 100px; height: 100px;" src="https://images.pexels.com/photos/248797/pexels-photo-248797.jpeg?auto=compress&cs=tinysrgb&h=350" />
</figure>
<br><br>
<figure>
  <img style="width: 100px; height: 100px;" src="https://images.pexels.com/photos/248797/pexels-photo-248797.jpeg?auto=compress&cs=tinysrgb&h=350" />
</figure>
<br><br>
<figure>
  <img style="width: 100px; height: 100px;" src="https://images.pexels.com/photos/248797/pexels-photo-248797.jpeg?auto=compress&cs=tinysrgb&h=350" />
</figure>
<br><br>
<figure>
  <img style="width: 100px; height: 100px;" src="https://images.pexels.com/photos/248797/pexels-photo-248797.jpeg?auto=compress&cs=tinysrgb&h=350" />
</figure>

HTML：

#a { 
    padding: 1px 3px 0px; 
    background: transparent; 
    border: 0; 
    outline: 0; 
    border-bottom: 0.8px solid #D3D3D3; 
    width: 300px;
    height: 32px;
}

.bttn {
    background-color: #FF0783;
    border: none;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    font-size: 24px;
    width: 216px;
    height: 48px;
    border-radius: 38px;
    text-transform: none;
}

Answer 1

不，这不可能通过CSS实现。 CSS没有（伪）值选择器。可能是this的副本。

Answer 2

您可以使用js更改提交类，也可以使用jquery。简单： $('#id').removeClass('class'); $('#id').addClass('class');

在字段中输入文本时更改提交按钮的颜色

2 个答案: