버튼/CSS 입력을 기본값으로 되 돌리십시오.

Question

button 입력에 대한 CSS 규칙이 있습니다.

button {border:solid 1px black;}

입력 또는 단추에 테두리를 적용하면 브라우저는 해당 입력 양식의 프레젠테이션을 전환합니다 (그림자가있는 butotn, 둥근 모서리, 후버 시안 색 등)을 표준 상자 모델에 표시합니다.

이제 버튼의 일부 클래스를 위해 되돌리고 싶습니다. 예를 들어,

<button class="default-os">Looks like Windows-made</button>는 스타일이없는 것처럼 보입니다.

그렇게 할 방법이 있습니까? CSS 규칙의 다양한 none 및 inherit 값을 시도했지만 그 중 아무 것도 작동하지 않습니다.

Answer 1

나는 대답은 "방법"죄송없는 말을하려고 해요 :/

내가 그것을 반대로 몇 가지 방법을 찾을 것 - 클래스를 통해 사용자 정의 버튼 스타일을 적용, 그럼 그냥 추가하지 마십시오 클래스를 "일반"버튼으로 변경하십시오. 어떤 이유로 든 HTML을 수정할 수 없다면 CSS 선택기 규칙을 사용하여 창의력을 발휘해야 할 수도 있지만 문제의 HTML을보아야합니다.

Answer 2

현재 수행중인 작업을 취소하십시오. 'default-os'클래스를 사용하는 대신 버튼 스타일을 '.styled-button'으로 변경하고 상자 요소 버튼에 지정하고 기본 OS를 유지하려는 버튼에 클래스를 지정하지 마십시오 보기.

Answer 3

테두리를 변경하고 손길이 닿지 않도록하려면 특수 클래스를 지정하는 것이 더 쉽습니다.

그러나 중요한 것을 조합하여 정상적으로 작동하도록 다시 시도하는 것이 좋습니다.

.default-os{ 
    border: none !important; 
}