使用CSS设置按钮样式 - 边框问题

时间:2016-07-20 18:34:44

标签: html css adobe-brackets

我有一个按钮按以下方式设置:

&std::complex<Real>::real

当我在Brackets Live Preview中打开它时,所有按钮都有一个灰色边框。当我在Firefox中直接打开它时,按钮没有边框。我希望边框出现。

为什么?

当鼠标悬停在按钮上时,手动指定button, .button { -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; border-radius: 8px; border: 0; } 会导致底部边框消失。这看起来很丑陋。

/ edit:是的,我有一个悬停选择器:

border: solid 1px

a { -moz-transition: color 0.2s ease, border-bottom 0.2s ease; -webkit-transition: color 0.2s ease, border-bottom 0.2s ease; -ms-transition: color 0.2s ease, border-bottom 0.2s ease; transition: color 0.2s ease, border-bottom 0.2s ease; text-decoration: none; border-bottom: dotted 1px; color: inherit; } a:hover { border-bottom-color: transparent; } 选择器是正确的,因为按钮按以下方式定义:

a

0 个答案:

没有答案