IE6 및 IE7 XHTML 엄격한 입력 양식 컨트롤에는 대규모 패딩이 있습니다.

Question

내 웹 페이지에서 제출 컨트롤을 사용하고 있습니다

 <input type="submit" name="BtnSearch" value="Search" id="btnSearch" title="Search" />

CSS를 끄는 경우에도 버튼의 텍스트가 끝나고 시작하기 전에 큰 차이가 생깁니다. 내 버튼도 원하는 것보다 큽니다. IE6과 7의 버튼을보다 컴팩트하게 만들 수있는 방법이 있습니까?

Answer 1

오버 플로우를 가시로 설정 :

input {
    overflow: visible;
}

그런 다음 패딩을 원하는대로 설정하십시오.

대부분의 브라우저 별 스타일링은 일반 정사각형 버튼을 원한다면 테두리를 세트하여 경계 범위에서 0으로 이루어집니다.

Answer 2

당신은 그렇게 스타일을 만들려고 노력할 수 있습니다.

input [type="submit"] {
    padding: 0;
    border: 0;
}

또는 버튼에 클래스를 추가하고 해당 클래스의 스타일 규칙을 추가하십시오.