아이폰 사파리 input 모서리 효과 조절 References/CSS | 2011/11/10 17:38

WOWpc 2011/11/10 17:38 2011/11/10 17:38 input에 백그라운드로 이미지 주고 백그라운드의 이미지 위치만 교체해서 on, off 효과를 주었는데... 아이폰 사파리가 지 멋대로 모서리에 둥근 효과를 주는걸 보고 깜짝 놀라서 아니 이게 대체 무슨일이야. input이 고자라니~ 하고선 알아보니.... CSS에 이 한줄로 끝 input {-webkit-border-radius:0px;} 다행이야... 크게 수정하지 않아도 되서.... 크리에이티브 커먼즈 라이센스 이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.

태그 : 아이폰 사파리 input 트랙백0 | 댓글0

이 글의 관련글(트랙백) 주소 :: http://blog.wowpc.net/trackback/331 아이디 : 비밀번호 : 홈페이지 :   비밀글로 등록 내용 :

CSS 말줄임표 References/CSS | 2011/09/05 16:42

WOWpc 2011/09/05 16:42 2011/09/05 16:42 -- CSS    .ellipsis {     white-space: nowrap;     overflow: hidden;     text-overflow: ellipsis;     -o-text-overflow: ellipsis;     -moz-binding: url('ellipsis.xml#ellipsis');    } -- XML 파일 내용 <?xml version="1.0"?> <bindings xmlns="http://www.mozilla.org/xbl" xmlns:xbl="http://www.mozilla.org/xbl" xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">     <binding id="ellipsis">         <content>             <xul:window>                 <xul:description crop="end" xbl:inherits="value=xbl:text"><children/></xul:description>             </xul:window>         </content>     </binding> </bindings> --------------- 지정된 길이보다 (width:???px) 텍스트 길이가 길 경우 알아서 잘라주고 ... 을 붙여줌. 크리에이티브 커먼즈 라이센스 이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.

트랙백0 | 댓글0

이 글의 관련글(트랙백) 주소 :: http://blog.wowpc.net/trackback/329 아이디 : 비밀번호 : 홈페이지 :   비밀글로 등록 내용 :