목록CSS (6)

아무거나

모바일에서 Input Text 에 값을 입력 시 하단 키패드 때문에 화면 가려지는 현상 해결

모바일에서 Input Text 에 값을 입력 시 하단 키패드 때문에 화면 가려지는 현상 해결 // 예를 들어 state에 사이즈 조절 또는 display:none 을 할 state를 추가 inputAutoSize: string // function ( 해당 예제는 class에 display:none 을 주어 화면이 안잘리게 하는 방법으로 진행 ) handleFocusIn = () => { this.setState({ inputAutoSize: 'none' }) } handleFocusOut = () => { this.setState({ inputAutoSize: '' }) } // html ( stype을 state로 관리하여 포커스에 따라 display css 설정이 제어된다. ) TEST DIV DI..
Javascript & HTML & CSS/reactjs 2020. 5. 6. 00:33
모바일 키패드에서 숫자만 입력 가능하며 type=password 와 같이 만드는법

// html // css ( 숫자입력시 type=password 처럼 변형 시키는 css ) input[type=numeric] { -webkit-text-security:disc; }
Javascript & HTML & CSS/HTML 2020. 4. 6. 19:13
미디어쿼리 반응형 웹 해상도별 처리

/* mobile */ @media all and ( min-width: 390px ) and ( max-width: 1024px ) { /* all device */ .new-wrap-write li {width:24.3%;} } @media all and ( min-width: 360px ) and ( max-width: 640px ) { /* galaxy s5 */ .new-wrap-write li {width:23.8%;} } @media all and ( min-width: 768px ) { /* tablet */ .new-wrap-write li {width:24.3%;} } @media all and ( min-width: 320px ) and ( max-width: 568px ) { /* ..
Javascript & HTML & CSS/CSS 2019. 12. 26. 01:54
ul li 가로정렬로 메뉴만들기

COMPANY회사소개 PRODUCT제품소개 SERVICE유지보수 CUSTOMER고객지원 EDUCATION협력업체 출처: http://itnamu21.tistory.com/81 [미래디자인 life]
Javascript & HTML & CSS/CSS 2019. 12. 26. 01:54
모바일 스크롤바 항상 보이게 하기[ios 이슈]

모바일 스크롤바 항상 보이게 하기[ios이슈때문에 적용시킴] ::-webkit-scrollbar { width: 3px; } ::-webkit-scrollbar-thumb { background: #a9a9a9; }
Javascript & HTML & CSS/CSS 2019. 12. 26. 01:52
select box 디자인 화살표적용 css

select { -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; background: url(이미지 경로) no-repeat 95% 50%; /* 화살표 모양의 이미지 */ } /* IE 10, 11의 네이티브 화살표 숨기기 ( IE에서 디자인 적용안되는 현상 해결 ) */ select::-ms-expand { display: none; }​
Javascript & HTML & CSS/CSS 2019. 12. 26. 01:51
Prev 1 Next