button 누를 때 a처럼 모습이 안변하게 할 수 있나요?
큰애
2023.04.01
button 엘리먼트를 사용하게 되면 그 것을 누를 때 위, 왼쪽이 2px 씩 정도가 움직이는 것을 볼 수 있습니다.
그런데 이 모습이 나타나지 않게 (a로 링크 건 것 처럼)하는 css가 있을까요?
어디서 본듯하기도 하고... 안될것같기도 하고... 모든 브라우저에서 동일하게 하기 힘들 것 같기도 하고...
자바스크립트는 원하지 않습니다 ㅠㅠ
-
개구리
답변 감사합니다.
-
겨레
이미지는 밀리지 않지만 글자는 밀리는군요.
보니까 span으로 버튼을 감싸주고 span에 이미지를 bg로 주었네요.
그럼 이걸 응용해서
span style=\back~~\buttonimg src=\투명1px\ width=\너비\ height=\높이\/botton/span
botton 안에 내용을 이미지를 투명이미지로 주고 크기를 정해주는 방법을 쓸 수도 있겠네요;
좀 이상한가--;; -
일진오빠
CSS 셀렉터를 input[type=button] 이렇게 쓰는 방법이 있습니다만, IE에선 먹지 않지요 흠흠
별도의 클래스 만들어서 display: inline; 주면 a와 같은 방식으로 동작하게도 가능하긴 합니다만, 원래 HTML에서 input 태그는 종료태그와 짝을 이루어 쓰는 태그가 아니니까, 좋은 방법은 아닌 것 같습니다. -
옆집언니야
소스를 보여줍세요