我有一個控件,我試圖強調它被選中時。我正在使用填充div和一些定位來實現這一點,以便它圍繞控件。我遇到的問題是高亮度div上的填充在Chrome和Firefox中呈現不同的效果。我讀過的所有內容都表明它們呈現相同的效果,所以這不應該成爲問題。Firefox和Chrome填充
鉻:
火狐:
下面是有它的問題,一個小提琴: http://jsfiddle.net/5fuGB/1/
.control{
position: absolute;
width: 100px;
height: 20px;
top: 30px;
left: 300px;
z-index: 1;
}
.highlighter{
background-color: orange;
position: absolute;
width: 100%;
height:100%;
left: -2px;
top: -2px;
padding-right: 8px;
padding-bottom: 10px;
z-index: -1;
}
input{
width: 100%;
height: 100%;
}
我的Chrome版本:在Windows 25.0 7
感謝你們可以提供任何幫助: 版本31.0.1650.63 M於Windows 7的
我的Firefox版本。
好的,我給了一個嘗試,似乎它扭轉了這個問題。現在,Firefox有太多的填充。這裏有一個更新的鏈接:http://jsfiddle.net/5fuGB/3/ – mrK
是的,如果你有第二個,我會指導你以前的答案對你來說可能是有用的,只是找到它在此時此刻。 –
當然,對於那些善於幫助我的人來說,總是有一分鐘的時間。 – mrK