[CSS] focus blue outline 삭제 방법
button:focus { outline: 0; }위와같이 css에서 selector 한 후에 outline을 0으로 변경한다.
- Programming/Css
- · 2019. 4. 18.
button:focus { outline: 0; }위와같이 css에서 selector 한 후에 outline을 0으로 변경한다.
vuejs를 이용하여 layout을 잡는중.. vuejs 특성상 root element 가 존재해야 한다. 아래와 같이 만들어 보았는데.. x-scroll이 생길 경우 height 좀 더 높아지는 버그가 있다.. 어떻게 고쳐야할지.. See the Pen nav fixed footer layout use flex by homin ahn (@beans9) on CodePen.
어제에 이어^^ Materialize(http://materializecss.com/)을 이용한 로그인 폼 예제 jquery validation See the Pen Meterialize Register Form + jquery validation example by homin ahn (@beans9) on CodePen.
Materialize(http://materializecss.com/)을 이용한 로그인 폼 예제 2017.10.26 jquery validation 추가 See the Pen Meterialize Login Form example by homin ahn (@beans9) on CodePen.
보통 글 내용이 길 경우 말줄임표시를 하는데 웹킷 브라우저에 경우 아래와 같이 간단히 여러줄을 처리할 수 가 있다.See the Pen multiple line ellipsis / webkit browser by homin ahn (@beans9) on CodePen. IE에 경우 위 내용이 적용되지 않는다. 아래와 같이 처리할 수 있으나 글내용이 아무것도 없을경우 라도 넣어줘야 제대로 동작한다. 원하는 줄수만큼 line-height와 max-height를 지정해 줘야 사용 가능하다. line-height:1.2em; max-height: 2.4em; /* max: 2 lines */ See the Pen multiple line ellipsis / chrome, ie by homin ahn (@bean..
footer를 컨텐츠가 없더라도 최하위에 붙이고 컨텐츠가 늘어날 경우 컨텐츠 밑으로 가게 하는 css 설정입니다. 버튼을 눌러 내용을 확인해 보세요. codepen을 새창으로 보시면 더 이해하기가 쉬울거에요. https://codepen.io/beans9/pen/JrYQBx See the Pen footer sticky by homin ahn (@beans9) on CodePen.