CSS - 제출 버튼이 포커스를 얻지 못하도록하십시오.

Opera에서 텍스트 필드에 포커스가있을 때 제출 버튼이 검은 색 테두리가 생깁니다.CSS - 제출 버튼이 포커스를 얻지 못하도록하십시오.

스크린 샷에서 확인할 수 있습니다. enter image description here

이미지 하단에는 텍스트 영역에 중점을두고 제출 버튼이 끔찍합니다. 어떻게하면 CSS를 사용하지 못하게 할 수 있습니까?

업데이트 : 초점 또는 : 흐림 의사 클래스 트릭을 할 버튼의 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

입니다 무슨 일이 일어 나는지 알 수 있습니다 : http://jsfiddle.net/bazmegakapa/SZTxH/ – kapa

가능한 중복 http://stackoverflow.com/question s/1433623/default-submit-button-style-for-form – kapa

그리고 당신의 HTML은 무엇입니까 –

가 사용할 수 있습니다. 정확한 문제를 이해하려면 코드가 필요합니다.

예 :

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

것은 당신의 HTML은 다음과 같이 설정되어있는 경우 :이 작업 할 것

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

출처

2011-03-20 12:10:16

여기

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

당신을 오페라를 사용하여, 나는 jsfiddle을 만든 demo

출처

2011-03-20 12:12:42

CSS - 제출 버튼이 포커스를 얻지 못하도록하십시오.

답변

관련 문제