我正在为我的HTML/JavaScript应用程序添加一些控件。当用户点击它们时,它们应该执行一个动作。虽然我可以将click
事件绑定到任何元素,但从语义上讲,<button>
元素似乎是正确的选择。它不仅指示了应该被点击的元素,而且还提供了默认行为(例如CSS中的cursor: pointer
),这是可取的;我想避免重新设计这个功能。
然而,我希望我的控件看起来不像典型的按钮。具体来说,我想使用图标字体(通过Bootstrap)来设置外观。
向按钮添加图标字体很简单:
<button type="button"><span class="glyphicon glyphicon-plus-sign"></span></button>
但这只是将glyphicon包裹在标准按钮外观中:
(这是Chrome for OS X的屏幕截图)
我可以直接将glyphicon类附加到按钮:
<button type="button" class="glyphicon glyphicon-plus-sign"></button>
...但那样看起来更糟:
我确定我可以尝试使用CSS去除各种边框、背景等,但那似乎不太跨平台或可靠。
最好的去除按钮化效果的方法是什么?
btn-link
类来移除默认的按钮样式,但是这样你可能需要覆盖颜色和悬停状态。也许你可以将 CSS 作为自己样式的基础。 - cgwyllie-webkit-appearance
或btn-link
。 - Craig Walker