Html 如何在CSS中变形蓝色阴影点击指示器的形状
这是你的电话号码 这是屏幕截图Html 如何在CSS中变形蓝色阴影点击指示器的形状,html,css,Html,Css,这是你的电话号码 这是屏幕截图 当使用CSS单击时,有没有办法消除蓝色阴影?使用大纲:0通常会达到这个效果。Firefox在您的演示版上完全正确,但Chrome默认应用大纲。使用大纲:0属性。这将使边界消失 尽管要记住,仅仅为了虚荣设计而不关注元素不是一个好主意,这可能会限制你的内容面向视障用户或没有鼠标的人。相反,您可以使用框阴影:0 0 3pt 2pt#000 .orange-circle-button { box-shadow: 2px 4px 0 2px rgba(0,0,0
当使用CSS单击时,有没有办法消除蓝色阴影?使用
大纲:0
通常会达到这个效果。Firefox在您的演示版上完全正确,但Chrome默认应用大纲。使用大纲:0代码>属性。这将使边界消失
尽管要记住,仅仅为了虚荣设计而不关注元素不是一个好主意,这可能会限制你的内容面向视障用户或没有鼠标的人。相反,您可以使用框阴影:0 0 3pt 2pt#000代码>
.orange-circle-button {
box-shadow: 2px 4px 0 2px rgba(0,0,0,0.1);
border: .5em solid #E84D0E;
font-size: 1em;
line-height: 1.1em;
color: #ffffff;
background-color: #e84d0e;
margin: auto;
border-radius: 50%;
height: 7em;
width: 7em;
position: relative;
}