我有以下CSS的textarea
textarea {
background: transparent;
display: inline;
resize: none;
margin-top: 1%;
min-width: 100px;
height: 38px;
border: none;
font-family: "Trebuchet MS", Helvetica, sans-serif;
font-size: 20px;
font-weight: normal;
text-align: center;
border-radius: 50px;
box-shadow: 0 0 1pt 1pt #8F4A11;
}
从图像中可以看到,当我单击文本区域时,框周围会出现一个蓝色边框。我想去掉蓝色的家伙。我可以要求指导吗?
textarea:focus
在样式中添加一个元素,然后删除border
和outline
属性:
的CSS
textarea:focus {
border: none;
outline: none;
}
这是一个jsfiddle演示
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句