我尝试在点击时删除按钮的蓝色背景,如您所见:
在询问之前,我已经进行了大量的研究,我已经检查并尝试了以下主题给出的解决方案:
我已经尝试了所有的答案!它适用于PC但不适用于移动设备,如果您使用的是PC,则可以通过使用控制台模拟移动设备来尝试.这是按钮:https: //jsfiddle.net/t4ykshst/
#add {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
outline: none;
cursor: pointer;
padding: 10px;
overflow: hidden;
border: none;
-webkit-border-radius: 50%;
border-radius: 50%;
color: rgba(255,255,255,0.9);
text-align: center;
background: #1abc9c;
-webkit-box-shadow: 0 4px 3px 2px rgba(0,0,0,0.2) ;
box-shadow: 0 4px 3px 2px rgba(0,0,0,0.2) ;
}
#add:active {
opacity: 0.85;
-webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
}Run Code Online (Sandbox Code Playgroud)
<input type="button" id="add" value="+" …Run Code Online (Sandbox Code Playgroud)