CSS - 防止提交按鈕變得焦點

在Opera中，當文本字段被聚焦時，提交按鈕會有一個醜陋的黑色邊框。CSS - 防止提交按鈕變得焦點

你可以在截圖中看到這個。 enter image description here

在圖像的底部textarea的焦點和提交按鈕看起來很糟糕。我如何防止使用CSS？

UPDATE：按鈕的CSS是

.uiGreenButtonOuter {      
border: 1px solid #234723; 
cursor: pointer; 
} 

.uiGreenButtonInner { 
margin: 0; 
font-size: 11px; 
display: block; 
background: #3E7E3E; 
padding: 4px 6px; 
border-width: 1px; 
border-style: solid; 
border-color: #6AB76B #3A763B #3A763B; 
color: white; 
text-align: center; 
text-shadow: 0 1px 0 #234723; 
cursor: pointer; 
} 

.uiGreenButtonOuter:hover .uiGreenButtonInner { 
text-decoration: none; 
background: #4C9B4C; 
} 

.uiGreenButtonInner:focus{ 
outline: 0; 
}

來源

2011-03-20 Denis Bobrovnikov

我已經創建了一個的jsfiddle，使用Opera您可以看到會發生什麼：http://jsfiddle.net/bazmegakapa/SZTxH/ – kapa 2011-03-20 12:19:20

http://stackoverflow.com/question可能的重複s/1433623/default-submit-button-style-for-form – kapa 2011-03-20 12:28:40

什麼是你的html – 2011-03-20 12:38:57

你可以使用：焦點或：模糊僞類這樣的伎倆。我們需要代碼來了解確切的問題。

例如。

textarea:focus {/* your css here */}

來源

2011-03-20 12:10:16

這將做的工作：

input[type="submit"] { 
    border: 0; 
}

如果您的HTML設置是這樣的：

<form action=""> 
    <textarea name="fos"></textarea> 
    <span class="uiGreenButtonOuter"> 
     <input class="uiGreenButtonInner" type="submit" name="send" value="Nyedva" /> 
    </span> 
</form>

這裏是demo

來源

2011-03-20 12:12:42

CSS - 防止提交按鈕變得焦點

回答

相關問題