如何使CSS上的osx樣邊框？

border

我有什麼，現在是這樣的：

input,textarea,select { 
    font-weight: 400 !important; 
    font-family: Monaco !important; 
} 

input:focus,textarea:focus,select:focus,checkbox:focus,input[type=checkbox]:focus 
    { 
    border: 2px solid #8aade1; 
    -webkit-box-shadow: 0 0 3px #8aade1; 

    -moz-box-shadow: 0 0 3px #8aade1; 
    -o-box-shadow: 0 0 3px #8aade1; 
    box-shadow: 0 0 3px #8aade1; 

    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px; 
    border-radius: 3px; 


    outline: none; 
} 

/* Desativar borda zuada no firefox */ 
input::-moz-focus-inner,button::-moz-focus-inner { 
    border: 0; 
}

http://jsfiddle.net/tNPmT/
有沒有一種方法，使之更加相似？

來源

2012-10-01 Luiz E.

它看起來不錯，你有什麼不滿？顏色？角落？ – MikeB

這與CSS轉換有什麼關係？ – BoltClock

猜顏色是不一樣的... OPS，錯誤標籤：P –

這將適用於某些瀏覽器......但不是全部。它不會在FF或IE中的選擇元素上工作。（我知道，我在一週前嘗試過）。我知道Google做了類似的事情，但是當我嘗試查看他們的代碼時，他們實際上有選擇元素的外觀，但他們不是那麼真實。我摔了一跤，只是用一個簡單的輪廓，而不是試圖得到完全相同的盒子陰影。

不是你想聽到的，我知道......但那是我的經驗。

來源

2012-10-01 20:24:18

我已經用它在Firefox和Chrome ... IE瀏覽器是不是爲我們一個問題 –

「IE是不是我們的問題。」因爲你有它的工作？或者因爲你不支持它？（我的團隊正在倒計時，直到我們可以停止在購買路徑中支持IE6，我們已經接近......非常接近......但還沒有呢！呃）我最糟糕的時候讓這個選擇元素在IE8甚至Firefox中 - 你是說你有它的工作？我必須給這一槍！ – 2012-10-01 20:33:29

在我們公司，每個人都應該使用chrome或firefox ... TI的人默認安裝它...但我們不測試IE瀏覽器（是的，我們感到羞恥） –

如何使CSS上的osx樣邊框？

回答

相關問題