2

ブラウザ: Opera 12

ブラウザー Opera では、ブロックに少なくとも 2 つの入力が含まれ、そのうちの 1 つが type = "submit" である場合、通常の入力フィールド (type = "submit" の入力パラメーター) を押すと、黒い境界線が割り当てられます。

ここに画像の説明を入力

type = "submit" の入力のコード:

<input type="submit" id="SearchBlock_BtnSearch" value="Search" class="mc-button mc-button-orange"/>

スタイル:

.mc-button {
background: -o-linear-gradient(to bottom, #EEEEEE, #D3D3D3) transparent;
border-bottom: 1px solid #919191;
border-left: 0px solid #919191;
border-radius: 10px;
border-right: 0px solid #919191;
border-top: 0px solid #919191;
clear: none;
color: #676767;
cursor: pointer;
float: left;
font-family: "Myriad Pro", "Arial", "Helvetica", sans-serif;
font-size: 12px;
height: 26px;
letter-spacing: 0.01px;
line-height: 26px;
min-width: 10px;
overflow: visible;
padding: 0px 24px !important;
position: relative;
text-align: center;
text-decoration: none;
text-shadow: 0px 1px #F3F3F3;
text-transform: uppercase;
}

.mc-button-orange { 
background: -o-linear-gradient(to bottom, #EEEEEE, #D3D3D3) transparent;
border-bottom: 1px solid #919191;
color: #676767;
position: relative;
text-shadow: 0px 1px #F3F3F3;
}

問題を解決する方法を教えてください。

先を見据えると、ボタンには境界線があります。このため、境界線を適用すると、なし - 消え、黒い輪郭とボタンの境界線が表示されます

PS Google翻訳による翻訳

更新:

問題を指定する CSS の冒頭で消えた場合:

noindex:-o-prefocus, input[type="submit"] {
    border: none;
}

noindex:-o-prefocus, input[type="submit"]:hover {
    border: none;
}

ただし、このソリューションは境界線を完全に削除するため、望ましくありません。

4

1 に答える 1

0

追加してみてください：

* {
border: 0px;
}

cssファイルの最初に。これにより、ブラウザがデフォルトの境界線を配置できなくなります

于 2012-10-22T13:59:09.857 に答える