如何在控件上添加 5 像素的额外边框



我想在我的控件上添加一个额外的边框(粗),如下所示:http://tickspot.com/screenshots/

正如我们在此链接中看到的,组合列表和文本框有一个蓝色的勾号边框。

我怎样才能不费吹灰之力地实现这一目标?

谢谢。

唯一的 CSS 解决方案可能是同时使用 borderoutline 样式: http://jsfiddle.net/RyJzC/

(但请记住outline用于指示元素具有焦点,因此如果您进行样式outline,请确保考虑到此行为)

并非所有表单元素都正确支持 css 样式。 您可能会找到一些全面有效的样式,但这可能需要一些工作。

获得一致性的更简单选择是将控件包装在<span class='control'></span> 此方法的缺点是必须添加额外的标记。 你可以给页面上的所有元素class='addBorder'或类似的东西,然后使用 JavaScript 找到它们并包装它们。这将是一个非常不引人注目的方法。 如果您在实施方面需要帮助,请发表评论,我很乐意提供帮助。

您可以嵌套元素并为外部元素提供边框和填充。在这里你会得到一个印象:http://jsfiddle.net/jy92c/1/

最新更新