IE10插入框邊框半徑的陰影縮放

我想在IE10中添加一個插入框陰影。看起來，圓角相對於應用於輸入元素的邊界半徑縮放得更大。這在webkit或firefox中不會發生。我可以看到如何縮放一開始的盒子陰影是有意義的，但是縮放插入陰影很奇怪。IE10插入框邊框半徑的陰影縮放

應該怎麼看：

How it should look

它的外觀在IE10：

How it looks in IE10

有沒有人碰到了在此之前，發現一個解決方案嗎？

來源

2013-03-28 Don' t Wake Me Up

我的解決方案是使用一個5px邊框，1px開始框陰影，而不是使用1px邊框和5px插入框陰影。 –

你可以參考 http://www.impressivewebs.com/ie10-css-hacks/

一些測試代碼：

.navigation ul li a { 
    -moz-box-shadow: 3px 3px 3px #ffccff; 
    -webkit-box-shadow: 2px 2px 7px #ffccff; 
    -o-box-shadow: 2px 2px 7px #ffccff; 
    box-shadow: 2px 2px 7px #ffccff; 
} 
@media screen and (min-width:0\0) { 
    /* IE9 and IE10 rule sets go here */ 
.navigation ul li a { 
    box-shadow: 2px 2px 17px #3a312a; 
} 
}

來源

2013-04-26 15:19:27 Jaydeep

我認爲在這種情況下，我會讓它看起來不太對勁。但是瞭解有條件評論的方法很有用。 –

我想單獨添加插圖的box-shadow塊的每一面，它的工作！ http://codepen.io/bivihoba/pen/DHuqk

來源

2013-07-31 05:53:24 bivihoba

IE10插入框邊框半徑的陰影縮放

回答

相關問題