# 39, & # 39 의 how do I make a 자리표시자 select&. 기입란?
39 m, i& 자리표시자 사용하여 텍스트 투입물 원하는거요 apc® 아웃해야 그냥 그랬다고. 그러나 I&; d # 39 을 사용하는 등 자리표시자 내 셀레스상자레스 잘 알려져 있다. 당연히 이 코드를 사용하여 됩니다.
<select>
<option value="">Select your option</option>
<option value="hurr">Durr</option>
</select>
그러나 # 39, & # 39 option& 선택. 대신 라이트그레이 검은색으로 있다. 그래서 제 css 기반 솔루션을 될 수 있다는 것. jQuery 는 너무 좋아요.
이 때문에 이 옵션을 디렉토리에만 그레이요 드롭다운에서 (그러하매 클하면 화살표):
option:first {
color: #999;
}
문제는: 사람들이 어떻게 만들 자리표시자 셀레스상자레스? 하지만, 이미 답변됨 건배해요
그 결과 및 사용 중인 선택한 값은 항상 그레이요 (심지어 선택한 후 실제 옵션인지:
select {
color: #999;
}
1422
27
아니 자바스크립트 / jQuery 는 비사양 css 대답:
<! - begin 스니핏: js 숨기십시오: > 거짓값 -;
그냥 Firefox 에서 작동됨 here& # 39 에 걸쳐 있으며, 이 질문에 어떤 발견했다, 크롬 (최소한):
<! - begin 스니핏: html 숨기십시오: > 거짓값 -;
<! - 언어: > html 로 -;
< style>; 잘못된 선택 {색상: 회색. } < /style>; < form>; <, required> 선택합니다. 옵션 값에 = " " <;; 비활성화됨 선택함 hidden> desktopplatforms Choose.< /option>;; 값 = " 0" > < 옵션이 있습니다. (가장 밸브 이렇게) 의 경우,, 오픈 < /option>; < " 1" > 때, 전원,, 옵션 값에 = 단힌 자동 열었든 전원이 공급되면 cut< /option>; < /select>; < /form>;
끝 - < 스니핏 >;!
, ',' 이 이 옵션을 모두 갖춘 option> 비활성화됨 정지점으로 < 마우스와 키보드를 사용하여 & # 39, 그냥 뽑힌 반면, ',' 아직 키보드를 통해 사용자가 display:none& # 39 를 내렸다. 이 '& # 39, & # 39, 스타일,' 그냥 # 39 는 display:none& 나열하십시오 기입란 여바바 nice& # 39;.
참고: &Quot 대한 속성 값을 사용하여 '빈' placeholder"; 옵션을 사용하면 검증 (필요한 속성),, 만일 이 옵션 isn& placeholder" " 해결하기 위해 갖고 있는 것이 아니라, 브라우저가 # 39, 별로 변화가 필요한 프롬프트합니다 목록에서 옵션을 선택할 수 있습니다.
이 방법은 apc® 확인한 다음 브라우저:
'스타일 = " 제거했을, 디스플레이: html5 의 속성 '숨겨진', '에서 none" 은혜를 디스크입니다. diskid 와이드 지원. 유사한 특징을 가지고 있다 '는' 숨겨진 요소 '디스플레이: 없음 '의 탐색기 (프로젝트 스파르탄 요구사항뿐 검사), 사파리, 빨리 Internet& 표시되어 있는 것은' 드롭다운이 '옵션을 선택할 수 없습니다.
'선택' 이 '때' 필수 '' CSS dtep 클래스 잘못된 요소가 있습니다 사용할 수 있는 스타일을 선택할 때 '요소' 의 " placeholder"; 상태. 여기서 '는' 빈 '옵션' 의 값 때문에 잘못된 자리표시자.
일단 값을 설정되었습니다 '이' 잘못된 dtep 클래스 적립율은 떨어트림. 또한 list. 강조표시할 경우 '' 유효함 수도 있습니다.
대부분의 브라우저에서 지원되는 이 dtep 클래스. 빨리 빨리 Explorer& internet&;;; 10 이상. 사용자 정의 스타일 '선택' 이 요소가 가장 효과적입니다. 경우에 따라 (즉, (Mac 에서 크롬 / 사파리), '선택' ll you& # 39 모양을 변경할 필요가 기본값입니다 시켜버리므로 디스플레이, 즉, '특정 색상' 기입란 도왔으매 배경색 '와'. 호환성에서는 emc. 대한 몇 가지 예를 들면 등을 찾을 수 있습니다. [developer.mozilla.org] [1].
Mac 의 기본 요소 모양을 크롬.
선택 기입란 넷윈을 Mac 에서 크롬!
Mac 에서 변경된 국경 요소를 사용하여 크롬.
변경된 선택하십시오를 기입란 Mac 에서 크롬!
[1]: 잘못된 https://developer.mozilla.org/en/docs/Web/CSS/
최근의 브라우저에서 필드이므로 위한 필수 솔루션, css 순결케 있습니다.
<! - begin 스니핏: js 숨기십시오: > 거짓값 -;
이 같은 일이.
HTML:
그냥 '에서' 옵션을 추가한 숨겨짐 속성용 같은 같습니다. 정상적으로 작동하는 it for me.
<! - begin 스니핏: js 숨기십시오: 거짓값 콘솔: 진정한 바벨. > 거짓값 -;
또 이 솔루션은 작동됨 없이 아래에 Firefox 에서 JavaScript:
<! - begin 스니핏: js 숨기십시오: > 거짓값 -;
전 그 동안 이 같은 문제가 검색: 왔는지 구현하므로 질문, 내가 찾은 후 좋은 솔루션이 it for me, I would like to share with you guys in case 1 정도의 효과를 누릴 수 있습니다.
이것은:
HTML:
39, CSS, JavaScript 없이 있을 수 없는 경우 또는 isn& 불과 3 속성:
나는 여기서 수정된 [David& # 39 의 오토메이티드] [1] (수락됨 답). 그는 '옵션을 선택한 videocopilot. net/tutorials. 오토메이티드 동일팔레트에 중지되 대한 속성 또한 볼 때 그런 것이 아니라,' 숨겨진 태그 태그 동일팔레트에 훨씬 낫다.
'태그' 옵션을 추가하여 숨겨짐 대한 속성 option" 선택, 이 " 못하게 됩니다. 이후 다시 선택 옵션이 못하도록 " Durr"; 옵션을 선택되었음.
<! - begin 스니핏: js 숨기십시오: 거짓값 콘솔: 거짓값 바벨. > 거짓값 -;
Here is mine:
<! - begin 스니핏: js 숨기십시오: 거짓값 콘솔: 진정한 바벨. > 거짓값 -;
사용자가 볼 안 자리표시자의 옵션을 선택합니다. 내가 제안하세요 자리표시자 옵션을 사용할 수 있는 '숨겨진', 't need 의 속성에 진실이며당신이 don& # 39 는 이를 위해 선택한' 속성을 디바이스입니다. 정보기술 (it) 을 첫 번째 동일팔레트에 됩니다.
<! - begin 스니핏: js 숨기십시오: 거짓값 콘솔: 진정한 바벨. > 거짓값 -;
내가 보고 정답을 조짐을 보이고 있지만, 이 모든 것을 가지고 이 약간만이라도 내 해결책:
<! - begin 스니핏: js 숨기십시오: > 거짓값 -;
사용하는 경우 각 http://www. gnu. 다음과 같습니다.
<! - begin 스니핏: js 숨기십시오: 거짓값 콘솔: 진정한 바벨. > 거짓값 -;
'이' HTML CSS + 솔루션이므로 협력했습니다 가져다줄래요:
<! - begin 스니핏: js 숨기십시오: 거짓값 콘솔: 진정한 바벨. > 거짓값 -;
또다른 가능성을 JavaScript:
[이스피들] [1]
내가 나를 위해 일할 수 있기 때문에 현재 couldn& # 39, t get 이 모든 것이 필요 없고 (2) (1) default 로 반품하십시오 할 수 있는 옵션을 선택할 수 있습니다. 그래서 here& 사용하는 경우, 무거운 것 # 39 의 옵션을 포함한다.
<! - begin 스니핏: js 숨기십시오: 거짓값 콘솔: 진정한 바벨. > 거짓값 -;
이것은 CSS 솔루션을 사용할 수 있는 아름다운. 내용이 포함된 후 추가 (및 nnt 기준으로 포지셔닝됩니다 컨테이너입니다) 요소 ( 이후 통해 dtep 클래스 ).
It gets 에서 정의된 자리표시자 속성을 사용하여 해당 텍스트 내가 어디서 디렉티브을 ( 속성 (자리표시자) ). 또 다른 주요 요인은 포인터입니다 이벤트: 없음 - 클릭하는 자리표시자 텍스트 선택 (select 를 통과할 수 있습니다. 그렇지 않으면 드롭다운하십시오 won& # 39, t 누르면 텍스트를.
내가 내 스스로 선택할 수 있지만, 보통 나는 것을 알 수 있는 추가 .empty 클래스용 디렉티브을 각 자도으로 / 절감뿐만 .ng-empty 가져다줄래요 (I solaris. it& # 39 의 버전 1.2 m I& # 39, 각도 때문에 오는 내 코드 예제).
<! - begin 스니핏: js 숨기십시오: 거짓값 콘솔: 진정한 바벨. > 거짓값 -;
입력입니다 자리표시자 선택을 위한 요소 '스타일' [유형 = " text";]
다음 솔루션이므로 시뮬레이션합니다 자리표시자 관련이 있기 때문에 '입력 [유형 = " text";]' 한 요소:
<! - begin 스니핏: js 숨기십시오: 거짓값 콘솔: 진정한 바벨. > 거짓값 -;
39, m not 컨텐츠와 HTML / css 만 솔루션뀉뀉뀉뀉 도왔으매 i& i& # 39 을 javascript 를 사용하여 사용자 정의 ',' ve 만들기로 했다.
39 이 길이, ve 기록되었으므로 I& 과거 30 분, 따라서 한층 향상된 수 있습니다.
네가 해야 할 일은 거의 없이 단순한 데이터 속성뿐 목록을 만들 수 있습니다. 이 코드는 자동으로 돌리고 목록을 선택할 수 있는 드롭다운이. 또한 '숨겨진' 입력 값을 가질 수 있도록 자도으로 선택한 형태로 사용할 수 있도록.
입력:
출력:
39 의 돼 있는 항목의 텍스트를 that& 박스트롤의 자리표시자 회색으로 표시되어 있습니다. 이 경우, 그 결정은 그의 / 되돌려집니다 자리표시자 하는 사용자가 선택할 수 있다. 또한, CSS 를 사용하여 모든 방식의 단점 '선택' 극복할 수 있는 (예, 스타일을 옵션에 없음).
<! - begin 스니핏: js 숨기십시오: 진정한 콘솔: 진정한 바벨. > 거짓값 -;
끝 - < 스니핏 >;!
< hr>;
초기화하지:
자세한 시험: [이스피들] [1], [< strike> /strike> GitHub<;;;] [2] (renamed).
< hr>;
입력:
솔루션이므로 각 2
레이블에 만드시겠습니까 상단형 선택 "" class = " <, 라벨, hidden-label". = " 대한 IsActive";
"" .hidden-label { 위치: 절대. 여백 가기: .34rem. 왼쪽 여백에: .56rem. 글꼴 스타일. 기울임꼴의. 포인터입니다 이벤트: 없음; } "" "포인터입니다 이벤트: 없음 "으로 표시할 수 있습니다) 를 누르면 숨겨져 있는 레이블, 옵션을 선택하면.
[태그: 각] [태그 css] [html 태그:]