0

我想用这样的css做一个边框

边界

我现在拥有的是这样的:

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/
有没有办法让它更相似?

4

1 回答 1

2

这将适用于某些浏览器......但不是全部。它不适用于 FF 或 IE 中的选择元素。(我知道。我一周前尝试过。)我知道 Google 做了类似的事情,但是当我尝试查看他们的代码时,它们实际上具有选择元素的外观,但实际上并非如此。我想出了一个简单的轮廓,而不是试图获得完全相同的盒子阴影。

不是你想听的,我知道……但那是我的经验。

于 2012-10-01T20:24:18.643 回答