오페라 인세트 박스 - 섀도우

오페라는 v10.5부터 박스 - 섀도우를 지원했지만 입력 요소에서는 작동하지 않습니다.오페라 인세트 박스 - 섀도우

input[type=text] { 
    background-color: #fff; 
    border: 1px solid #a0a0a0; 
    box-shadow: inset 1px 1px 1px #d2d2d2; 
    -o-box-shadow: inset 1px 1px 1px #d2d2d2; 
} 

<input type="text" name="test" />

이 코드는 Chrome과 Firefox에서 잘 작동하며, OSX 10.6에서 Opera 11.01을 사용하고 있습니다. 아무도이 문제를 해결할 수 있습니까?

출처

2011-03-23 joyqi

처럼, 하나 더 삽입 된 그림자를 추가 할 수 있습니다 오페라의 버그가 오페라 국경 반경 잘 작동하고 – joyqi

오페라의 버그처럼 보입니다 (방금보고했습니다). background: transparent;을 사용할 수 있으며 컨테이너의 배경이 흰색 인 것으로 가정하면 작동합니다.

또한, -o-box-shadow도 없으며, Opera는 구현 한 이후로 nonfixed box-shadow 속성을 지원합니다.

출처

2011-03-23 08:22:34

버그가있는 것처럼 보였습니다. 그러나 작동하는 양식이 있었는데 그 이유를 알 수 없었습니다. border-radius을 추가하면 여전히 배경색이 필요하고 '이 t)는 레아의 솔루션을 사용 - 당신은 분명 둥근 모서리를하지 않을 경우 입력 요소에 1 픽셀의 반경을

input[type=text] { 
    background-color: #fff; 
    border: 1px solid #a0a0a0; 
    box-shadow: inset 1px 1px 1px #d2d2d2; 
    border-radius: 1px; 
}

출처

2011-03-23 09:18:29 clairesuzy

것 같다 위대한 해킹 clairesuzy – Anjum

오페라는 무시 많은 CSS 속성을 사용할 수 있습니다. 상자 그림자 만이 아닙니다. 텍스트 그림자 또는 텍스트 변환도 무시됩니다.

입력 요소의 버튼 요소를 사용하면 버튼을 처리 할 때 솔루션이 될 수 있습니다. 당신이 레아의 솔루션에 추가 배경 색상을 필요로하는 경우

출처

2011-08-29 09:57:19 wolo

또한, 당신이 그렇게

box-shadow: inset 0 1px 4px -1px rgba(0, 0, 0, .7), /*actual shadow*/ 
inset 0 0 100px 0 #fff; /*just white background*/

출처

2012-12-22 15:33:18

오페라 인세트 박스 - 섀도우

답변

관련 문제