android – 如何在Ionic Framework中更改按钮颜色

2023年10月7日 265次阅读

如何在单击时更改按钮颜色？我尝试了：主动样式,但它在
Android设备上不起作用(但它确实在浏览器中工作).

例如,我有一个这样的按钮

<button class="button button-full button-calm button-login" type="submit">Sign In</button>

和这样的风格

.login .button-login {
  width:96%;
  background: red;
  margin: 0 auto;
  border: 0;
  border-radius: 4px;
  moz-border-radius: 4px;
  webkit-border-radius: 4px;    
  transition: all 0.3s ease 0s;
}

.login .button-login:active {
  background: yellow;
}

我希望按钮在我触摸时变黄,当用户抬起手指时变成红色.

最佳答案 我想,好主意是替换< button>用一个精心设计的< a>.

比如这样.

#button {
    background-color: #E3E1B8; 
    padding: 2px 4px;
    font: 13px sans-serif;
    text-decoration: none;
    border: 1px solid #000;
    border-color: #aaa #444 #444 #aaa;
    color: #000
}

#button:hover { background-color: #46000D; }
<a href="#" id="button">New Element</a>
点赞