【问题标题】:onclick button border color changeonclick 按钮边框颜色变化
【发布时间】:2012-03-16 08:29:21
【问题描述】:

应该相当简单,但我迷路了,所有搜索都会导致与我的问题没有直接关系的非特定答案。

按钮,边框是黑色的,但显然,“沮丧”的感觉是通过将边框颜色更改为黑色来实现的,所以当我点击按钮时,感觉“死了”。什么都没有发生,所以很难判断你是否点击了错误或什么。

如何更改“onclick”边框颜色?这样,它可以再次获得“沮丧”的外观。

.addButton {
border-color:black;
border-width:1px;
background-color:#00B0F0;
text-decoration:underline;
}

【问题讨论】:

    标签: html border buttonclick


    【解决方案1】:

    最好的解决方案是使用css,试试下面的代码:

     .addButton:active, 
     .addButton:focus 
     {
         border:0.5em solid #00c; /* here configure as your needs */
         color:#00c;
      }
    

    希望有帮助!

    【讨论】:

    • 嗯,我觉得差不多了。这就是我想要的。但是,它会重置为按钮的“默认”外观,并且仅在单击时显示其样式。我假设对上面的代码稍作修改就可以实现这一点,但我对 css 还是很陌生。
    • 您还需要添加您以前的代码,我的意思是您需要为 .addButton 设置一个 css 规则,另一个用于 .addButton:active/:focus 规则,正如我指出的那样,如果您也喜欢的话。 addButton:hover 最后一条语句将在鼠标悬停在按钮上时修改边框。干杯
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2018-12-27
    • 2013-05-05
    • 2013-09-24
    • 1970-01-01
    • 2016-02-24
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多