ASP.NET MVC 뷰에서 버튼 유형의 입력 태그가 색상을 변경하지 않습니다

Question

ASP.NET MVC 4 앱에서 부분 뷰에서 다음 HTML 태그 유형 버튼을 사용하지만 버튼에 여전히 기본 배경이 표시됩니다. 대신에 아래 그림과 같이 우리가 스타일 속성에 정의하는 하나의 색상 :

<input type="button" value="Show Details..." id="btnDetails" style="white-space: normal; width:250px;background-color:green;" /> 

우리는 클래스 "myClass가"는 CSS에 관련된 아무것도되지 않는다는 것을 확인했다. 앱의 어딘가에서 색상 속성을 적용하지 못하는 것 같습니다.

나는 그것이 CSS에 관련된 아무것도하지 않기 때문에 위의 입력 태그에서 그는 클래스 속성을 제거했습니다

1. 편집. 여전히 배경색은 변하지 않습니다. 흥미로운 점은 위의 스타일의 다른 값을 너비 등으로 변경하면 그에 따라 버튼의 스타일이 바뀌는 것입니다.
2. 또한 스타일 속성을 스타일 시트의 클래스로 이동하면 배경색도 작동하지 않습니다. 클래스의 다른 모든 값은 작동합니다.
3. 응용 프로그램은 JQuery-ui를 사용하며 Content \ themes \ base 폴더 내에 jquery.ui.button.css 파일이 있습니다. JQuery와-1.7.1.js, JQuery와 - 1.7 : $(document).ready(function() { $("#tabs").tabs(); $("input[type=submit], input[type=button]").button(); ...
4. 다음 파일은 몇 가지 버튼 관련 스크립트를 가지고 :
5. 응용 프로그램은 맨 위에 다음 코드 줄이있는 스크립트 파일 StartScript.js 있습니다. 1.min.js
6. 제안 키워드 here과 같이! important 키워드를 배경색과 함께 사용했습니다. 하지만 여전히 배경색

에 변화 내가이 문제를 해결

해결되지 않습니다. 결국 내 의견을 참조하십시오.

Answer 1

제 생각에는 CSS 인라인 대신 각 상태에 다른 클래스를 사용하는 것입니다. 예를 들어 :

.status-ok { 
    background-color: green; 
} 
.status-error { 
    background-color: red; 
} 

당신은 당신의 HTML에서 class="myClass status-ok" 같은 것을 할 수 있습니다.

또한 다른 CSS가 background-color 속성을 덮어 쓰지 않았는지 확인하십시오. 모든 html 속성을 사용하여 그렇게 할 수 있습니다.

Answer 2

모든 브라우저의 디버거 도구를 사용하는 것이 좋습니다. 입력 된 태그에 CSS를 적용했을 수도 있지만 CSS 파일에 대한 링크가 누락 된 것일 수 있습니다. 디버거 도구에서 속성을 변경하려고 시도해도 확실히 해결할 수 있습니다.