본문 바로가기

퍼블리셔(프론트)23

select css 익스플로러 기본 화살표 없애기 : select::-ms-expand { display:none; } 화살표 기본 css 없애기 : -webkit-appearance: none 2019. 6. 4.
완성도있는 홈페이지 css 1. input inner-shadow 없애기 input { -webkit-appearance: none; } 2. iphone number blue color 2019. 5. 7.
jQuery focus/focusout [jQuery focus/focusout] 은근 자주사용하는 패턴인거같다.찾기 버튼에 마우스를 올리면 숨겨진 input영역이 나오고 마우스를 떼면 input 영역이 사라지는.. 하지만 이때 원하지 않는 효과가 하나 발생한다. input에 텍스트를 입력하다가 마우스 커서가 움직일때 그 영역까지 사라져버린다면? 사용자 입장에서는 당황할것... 원하는 효과는 딱 이것이다. 1. 글을 입력하는 동안(input내 커서 활성화)은 마우스를 움직여도 input이 사라지지 않도록2. input이 아닌 다른 영역을 클릭할 경우 input사라지도록 바로 focus와 focusout을 사용하는것이다. $( "input" ).focus(function() { $(this).addClass('focus'); }); $( "in.. 2018. 1. 23.
이미지 항상 수직으로 [이미지 항상 수직으로] img 태그를 수직에 가로로 하고싶은경우가 종종 있다. 테이블을 사용하면 td안에서 자동으로 vertical-align:middle이 적용되는데 그냥 div요소에서는 안된다. 그렇다고 img에 vertical-align:middle을 해도 안먹히는 경우... 다음 요소를 추가하여 사용하면 좋을거같다. 이미지 태그만 쓰는게 아니라 감싸주는 div를 넣고 그안에 span태그를 사용한다. 번거롭긴 하지만... 일단 보여지는게 중요하니 ^^;;; css는 다음과 같이 적용하면 된다. 2017. 11. 10.