select에 대한 간단한 질문이 있습니다!
1657
작성한 질문수 3
'상담구분' 아래 입력 박스 맨 오른쪽에 아래를 향한 화살표가 있는데 이 화살표를 조금 왼쪽으로 이동 시킬 수 있는 방법이 있을까요..?
답변 2
2
select를 커스텀 CSS로 바꾸는게 꽤 번거로운 작업입니다.
그래도 꼭 하시겠다면 아래 코드처럼 하시면 가능합니다.
select {
appearance: none; /* html의 기본적인 디자인 없애기 */
-webkit-appearance: none; /* Vendor Prefix */
-moz-appearance: none; /* Vendor Prefix */
background: url('arrow.png') no-repeat center right 20px; /* 기존의 우측 화살표를 배경 이미지로 대체 */
}
select도 input 처럼 :before :after를 가질 수 업게 때문에 포트어썸 등 아이콘을 사용하시려면 select를 div 감싸서 그 div에 :before :after를 사용하셔야 합니다.
가로스크롤
1
458
1
상위 태그 영역 무시 하는 방법
1
842
2
반응형 적응형 구분
2
803
2
flex가 적용되면 하위에 있는 인라인의 속성은?
1
359
1
슬릭 슬라이더 버튼
1
370
1
slick 모바일로 변환했을때..
1
607
1
x scroll 이 왜 생기는 걸까요?
1
870
1
영상 16분 field margin-left 문제 (다운로드 교재도 동일한 문제)
1
249
1
모바일에서 이미지 짤림 현상
1
2742
2
질문 있습니다
1
242
1
안녕하세요
1
259
1
모바일버전에서 스크롤이 생겨서요 ㅜㅜ
1
289
1
반응형 헤더 네비게이션 공부중인데요. 궁금한것이 있어서요.
1
387
2
슬라이딩 스크롤이 이상하게 먹혀요!
1
407
2
slick slider 하는데 패딩이 안먹혀요
1
764
2
제이쿼리 부드럽게 스크롤할때 제이쿼리에 밑줄오류가 있습니다.
1
317
1
혹시 이 강의 싸이트를 혼자의 힘으로 만들수 있으면 어느정도 실력정도 되나요?
1
250
1
소스랑 자료 다운로는 어디서 받을 수 있나요?
1
299
1
반응형 헤더 네비게이션 강의 질문있습니다.
1
203
1
그 반응형 질문 있습니다
1
225
1
질문드립니다 강사님
1
288
2
flex 레이아웃 배치 질문있습니다.
1
220
1
미디어쿼리 반응형 만들때 사이즈 질문있습니다.
1
201
1
인라인요소인 label 에 margin-bottom 이 되다니... 어렵습니다.
1
973
1