[英]border radius rounded corners into parent and child <div>
I have some problem with hover on div, which has border-radius. 我在具有边界半径的div上悬停时遇到了一些问题。
When i hover the div there is small line with color that not similar with hover color. 当我将div悬停时,会出现一条颜色与悬停颜色不相似的细线。
html code: html代码:
<div class="grid_veiw_case_active">
<div> some text</div>
<div class="delete_div">
<div class="delete"><p class="button_text"></p></div>
</div>
</div>
css(part) code: CSS(部分)代码:
.grid_veiw_case_active {
border-style: solid;
border-width: 1px;
border-color: #404040;
border-radius: 5px;
background: #7d7d7d;
width: 254px;
}
.grid_veiw_case_active .delete {
border-top: 1px solid #969696;
width: 100%;
height: 38px;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
background: #c1c0c0;
}
.grid_veiw_case_active .delete:hover {
background: #d06d70;
}
code link http://jsfiddle.net/Xbj3b/ . 代码链接http://jsfiddle.net/Xbj3b/ 。
image that illustrats problem 说明问题的图像
Add border-radius: 0px;
添加border-radius: 0px;
to your hover state. 到您的悬停状态。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.