스타일링 버튼 클릭 텍스트

Question

는 버튼을 안쪽으로 따라서 버튼 내부의 텍스트가 약간 아래로 이동하고 간다. 내 질문 가 어떻게 변화가 클릭하면 (안쪽으로가는) 버튼을 중지 할 수있다?

나는 당신이 내 질문을 이해 수 있기를 바랍니다.

Answer 1

작업을 완료 한 후, 그냥과 같이 텍스트 주위의 버튼 내부의 범위를 넣어 :

이

<button class="button" type="submit"><span class="buttonspan">Blah</span></button>

그런 다음 CSS가됩니다 :

button {position:relative; width:40px; height:20px /* set whatever width and height */} 

buttonspan { 
height: 30px; 
left: 0; 
position: absolute; 
top: 0; 
width: 100%; 
} 

.. 절대 버튼을 기준으로 범위를 설정해야 만들기

마법처럼 작동합니다.

Answer 2

대부분의 크로스 브라우저 친절하고 간단한 대답은 이미지로 교체 아마 - 모든 브라우저가 다르게 버튼을 취급으로이 당신에게 가장 제어를 제공합니다 .. 당신이 국경을 시도하더라도 : 0 스타일, 텍스트의를 일부 브라우저에서는 버튼이 여전히 아래로 움직일 수 있습니다. 당신이 경계 등으로 원하는대로