微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

如何在其他元素(如div或iframe)上模拟活动输入或textarea周围的Chrome/Safari边框?

我使用简单的textarea元素,然后用iframe替换为designMode =’on’,以便用户可以标记一些文本并使其成为斜体.但我仍然希望iframe看起来像textarea,所以我需要一个边框,类似于当textarea处于活动状态时Chrome和Safari中出现的边框.我怎样才能达到这样的效果

解决方法

您可以在webkit中获得如下所示的圆形轮廓:
outline: 2px auto red;

请注意,轮廓的宽度不符合指定的宽度,颜色也不完全准确.

要使用普通焦点颜色,您可以这样做:

outline: 2px auto -webkit-focus-ring-color;

在moz中,您可以使用-moz-outline-radius(就像border-radius一样工作)来获得圆角轮廓.

原文地址:https://www.jb51.cc/css/214827.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。