css – 复制Chrome默认输入的大纲样式

如何设置认的Chrome输入的大纲样式(焦点,橙色),所以每个浏览器看起来都一样? Chrome风格似乎是textarea:focus {outline:rgb(229,151,0)auto 5px; outline-offset:-2px},但它不起作用(对于其他浏览器,没有自动为轮廓样式).

解决方法

不知道我的解决方案对你来说足够好,但到目前为止,我不知道任何其他方式…我这样做:
textarea:focus
{
    outline:none; /*or outline-color:#FFFFFF; if the first doesn't work*/
    border:1px solid #48A521;
    -webkit-Box-shadow: 0px 0px 4px 0px #48A521;
    Box-shadow: 0px 0px 4px 0px #48A521;
}

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效