맨 먼저; 나는이 CSS 유형의 많은 질문이 닫혀 있다는 것을 알고 있습니다. 그래서 다른 사람들에게도 맞도록 질문을 넓힐 수 있었으면 좋겠습니다. 여기에 간다 :다른 버튼에 대해 다른 CSS 스타일링
나는 프로젝트를 건 내 상사가 나를 원하는 기능을 추가하는 최선을 다하고 있습니다. 그러나 나머지 부분과 다르게 단추 스타일을 지정하려고하면 변경 내용이 적용되지 않습니다.
이<link href="~/Content/Site.css" rel="stylesheet" type="text/css" />
버튼 :
<input type="submit" value="Print." class="fakeBtn" id="fakeBtn" />
CSS는 시도 :
.fakeBtn
{
font-size: 0.8em;
border: 0px;
background-color: transparent;
color: #999;
cursor: hand;
}
input#fakeBtn
{
font-size: 0.8em;
border: 0px;
background-color: transparent;
color: #999;
cursor: hand;
}
내가했습니다 볼 수 있듯이 내가 다른 일을 스타일 수 있어요로
CSS 파일 작동 클래스를 사용하여 스타일을 변경하고 ID 접근 방식을 시도했습니다. 그 중 어느 것도 작동하지 않습니다. 나는 어떤 mvc 작업도 거의하지 않았으며, 이미 존재하는이 프로젝트가 나의 첫 번째 프로젝트이다. 논리적 오류입니까? 내가 도대체 뭘 잘못하고있는 겁니까?
편집 :
이 중 하나가 무시 될 수 있습니까? 이것들은 모두 그 안에 "input"으로 찾을 수있는 모든 CSS 조각입니다. 어떤 것이 뭔가 다른 것을 무시하는 경우 어떻게 알 수 있습니까?
input, textarea {
border: 1px solid #e2e2e2;
background: #fff;
color: #333;
font-size: 1.2em;
margin: 5px 0 6px 0;
padding: 5px;
width: 300px;
}
input:focus, textarea:focus {
border: 1px solid #7ac0da;
}
input[type="checkbox"] {
background: transparent;
border: inherit;
width: auto;
}
input[type="submit"],
input[type="button"],
button {
background-color: #d3dce0;
border: 1px solid #787878;
cursor: pointer;
font-size: 1.2em;
font-weight: 600;
padding: 7px;
margin-right: 8px;
width: auto;
}
td input[type="submit"],
td input[type="button"],
td button {
font-size: 1em;
padding: 4px;
margin-right: 4px;
}
input.input-validation-error {
border: 1px solid #e80c4d;
}
input[type="checkbox"].input-validation-error {
border: 0 none;
}
이상하게 작동해야합니다 : http://jsfiddle.net/RzRHM/ – Peter
[this fiddle] (http://jsfiddle.net/KQ9p5/)에서 볼 수있는 것처럼 잘 동작합니다. 개발자 도구를 사용하여 스타일을 무시하는 것이 없는지 확인하십시오. – Morpheus
어떤 것이 우선 적용되는지 어떻게 알 수 있습니까? @Morpheus –