입력 버튼의 테두리 문제 해결

입력 버튼을 클릭하면 보기 흉한 테두리가 나타나 미적 매력을 떨어뜨립니다. 이 문제를 해결하기 위해 onfocus: none을 활용하는 등 다양한 접근 방식이 시도되었습니다. 그러나 이러한 노력은 헛된 것으로 판명되었습니다.

이 고질적인 문제를 해결하기 위한 간단한 해결책은 CSS 영역에 있습니다. 개요를 통합하여: 없음; 스타일 정의에 추가하면 원치 않는 테두리를 마법처럼 지울 수 있습니다.

다음은 테두리를 제거하는 업데이트된 CSS 코드 버전입니다.

input[type=button] {
    width: 120px;
    height: 60px;
    margin-left: 35px;
    display: block;
    background-color: gray;
    color: white;
    border: none;
    outline: none;
}

이 CSS 규칙을 적용하면 입력 버튼을 클릭할 때 보기 흉한 테두리가 사라집니다. 이제 버튼이 깔끔하고 전문적인 모습을 보여줍니다.