Opera 브라우저에서 입력 위치 지정 텍스트의 형식을 지정하는 방법은 무엇입니까?

아래의 psuedo 요소와 pseudo 클래스를 사용하여 CSS로 자리 표시 자 텍스트의 스타일을 지정했습니다. 이것은 Opera를 제외한 모든 주요 브라우저에서 작업을 완료합니다. 내 이해 오페라는 스타일 지정 자리 표시 자 텍스트를 지원하지 않습니다. 누구나 오페라 입력 자리 표시 자 텍스트를 스타일 화하는 방법을 알고 있습니까?Opera 브라우저에서 입력 위치 지정 텍스트의 형식을 지정하는 방법은 무엇입니까?

CSS

::-webkit-input-placeholder { 
    color: red; 
    font-size: 10px; 
} 
::-moz-placeholder { 
    color: red; 
    font-size: 10px; 
} 
:-moz-placeholder { 
    color: red; 
    font-size: 10px; 
} 
:-ms-input-placeholder { 
    color: red; 
    font-size: 10px; 
} 
input:-moz-placeholder { 
    color: red; 
    font-size: 10px; 
}

출처

2013-03-29 BitBug

[CSS로 입력 HTML5 자리 표시 자 색상 변경] 가능한 복제본 (0120-336-304) – andyb

중복 가능한 상태 오페라 자리 표시자를 지원하지 않습니다. 오페라에서 스타일 지정자 텍스트의 대체 솔루션을 제공하지 않습니다. – BitBug

스타일의 파이어 폭스에서 사용할 수있는 자리와 웹킷에 모두 기존의 방법으로 공급 업체 접두사 및 비표준 및 생산에 사용해서는 안된다. 미래를 위해서는 JavaScript를 사용하여 placeholder 특성을 제거하고 자리 표시 자 기능을 에뮬레이트하기 위해 value (자리 표시 자 스타일을 바인딩하는 데 placeholder 같은 클래스와 함께 사용) 또는 추가 텍스트 요소 중 하나를 사용하십시오. 이것은 Opera를 비롯한 다양한 브라우저 (현재 및 미래의 브라우저)에서 일관되게 작동합니다.

출처

2013-03-29 00:51:06

JS 솔루션을 사용할 때 아무런 문제가 없지만 HTML과 CSS로이 문제를 해결하는 방법이 궁금했습니다. – BitBug

다음은 단 몇 년 만에 표준화되고 구현되지 않은 형식으로 구현 될 때까지 기다리는 것입니다. ;-) 그런데 오페라는 Chromium 엔진 (현재는 alpha (http://www.opera.com/developer/next) 상태)으로 전환되므로 웹킷 접두사가 붙은 임시 솔루션이 Opera 15에서 작동해야합니다. 풀어 놓았다. –

나는 다른 사람들이 HTML/CSS 솔루션을 제공 할 수있을만큼 오래 기다렸는데 아무도 없을 것이라고 생각하는 사람이 없다고 생각할 수있다. 오페라. – BitBug

오페라는 버전 22.0.1471.70 (2014 년 6 월 17 일)부터 자리 표시 자 텍스트 스타일링을 지원하므로 CSS가 작동합니다.

출처

2014-07-09 13:48:40 lakesare

Opera 브라우저에서 입력 위치 지정 텍스트의 형식을 지정하는 방법은 무엇입니까?

답변

관련 문제