边框没有出现

我对CSS边框很新，而且我遇到了一些我似乎无法修复的问题。作为即时通讯新手，还有很多其他人想知道（css新手）的同样的东西。根据我的想法，我有这个边界应该可以正常工作（可能会充满错误的逻辑）。我使用了悬停和默认状态的代码是：作为所述两次，新的CSS边框没有出现

.profile-box .opener { 
    float:left; 
    background: url(http://seek4fitness.net/Design/Gfx/DropDowns/white.on.red/icn_small_black_arrow_down.gif) no-repeat; 
     background-position: center center; 
     background-color: #fff; 
    width:32px; 
    height:38px; 
    overflow:hidden; 
    text-indent:-9999px; 
     border-left:1px solid #dde2e8; 
} 
.profile-box .opener:hover { 
    float:left; 
    background: url(http://seek4fitness.net/Design/Gfx/DropDowns/white.on.red/icn_small_black_arrow_down.gif) no-repeat; 
     background-position: center center; 
     background-color: #F0F0F0; 
    width:32px; 
    height:38px; 
    overflow:hidden; 
    text-indent:-9999px; 
     border-left:1px solid #dde2e8; 
}

的问题不会出现在我以任何方式和IM。请帮我解决一下这个。这对我意味着很多。谢谢。

FIDDLE：http://jsfiddle.net/dCe3u/

来源

2013-12-11 MOLOCOG

http://jsfiddle.net非常适合设置这样的东西，以便其他人可以修补它。就目前而言，没有任何明显的错误（至少对我来说） –

仅供参考，您不必在'：hover'状态下重复样式声明。所有你需要的是'background-color：＃F0F0F0;' –

添加小提琴。应该早点完成。 – MOLOCOG

如果你想申请边框四边都你应该改变

border-left:1px solid #dde2e8;

到

border:1px solid #dde2e8;

FIDDLE HERE

左边框适用边境只有左侧，您可以参考更多的边界在这里CSS BORDER >>

来源

2013-12-11 15:05:51

我只是检查你的代码。我从字面上复制和粘贴你的代码，并确实出现边框，我认为问题是边框的颜色太浅（如果你使用白色背景）。参见演示http://codepen.io/ImBobby/pen/yicCz。在该演示中，我故意将边框颜色更改为红色。

我还注意到，除了背景颜色之外，您在悬停状态.opener元素上声明了相同的样式。你可能想改变你的代码如下：

.opener { 
    float: left; 
    background: url(http://seek4fitness.net/Design/Gfx/DropDowns/white.on.red/icn_small_black_arrow_down.gif) no-repeat; 
    background-position: center center; 
    background-color: #fff; 
    ... 
} 

.opener:hover { 
    background-color: #F0F0F0; 
}

简短的说明，.opener:hover将从opener继承样式。

来源

2013-12-11 15:13:12 Bobby

边框没有出现

回答

相关问题