2013-07-18 3 views
3

나는 간단한 것을 시도하고 있습니다.asp : Button CssClass 속성이 지정된 CSS 클래스를 설정하지 않습니다.

버튼이 있습니다.

<asp:Button ID="btnMyButton" runat="server" CssClass="MyButton" CausesValidation="False" Text="ClickMe" />

그 스타일이 내가 사용되는 알고 스타일 시트에 저장되기 때문에이 스타일 시트에서 페이지의 사용 스타일에 다른 요소. 나는 또한 (특별히 포함하는 요소에서 참조 포함)하지만 아무 소용 특히이 클래스를 가리 키도록 다른 방법을 시도

.MyButton { 
    font-size: 80pt; 
    color: red; 
} 

:

이 내가 스타일을 정의하는 방법이다

그것도 내가하고 있어요 스타일을 재정의되지 않은 구글 크롬의 개발자 도구에

input[type="submit"].MyButton { table.MyTable > tbody > tr > td > input.MyButton {

내가 볼 수있는, 그들은 간단하지가 있습니다.

페이지 소스를 보면 ASP.NET에서 생성하는 입력 컨트롤이 심지어 내 클래스를 사용하지 않는다는 것을 알 수 있습니다.이 클래스는 submitBtn이라는 이름을 사용합니다. Google 크롬 개발자 도구를 사용하여이 클래스를 내 클래스로 변경하면 예상대로 스타일이 적용되어 사용할 수 있음을 알 수 있습니다. 나는 왜 그들이 처음에는 익숙하지 않은지 모르겠다.

모든 버튼을 input[type="submit"] {으로 전체적으로 스타일링 할 수 있지만 특정 스타일을 사용하려고하고 있는데 인라인 스타일 정의를 사용하지 않을 것입니다.

알려 주시기 바랍니다.

편집 : 나는 내 CSS 파일 submitBtn 내 CSS 클래스를 호출하는 경우, 그것이 내가 설정 한 스타일을 적용 할 것입니다 것으로 나타났습니다

. 그러나 모든 ASP.Net 단추가이 submitBtn css 클래스를 사용하고자하는 것처럼 보일 때마다 각각의 고유 한 스타일을 설정하기 위해 이러한 스타일로 줄 바꿈을해야하며 특히이 방법으로 단추 스타일을 설정해야합니다.

아직도 ASP.Net 버튼에 사용되는 스타일 클래스의 이름을 설정하지 않는 이유를 알고 싶습니다.

더 명확하게하기 위해 질문 제목이 업데이트되었습니다.

+0

전체 프로젝트에서 "submitBtn"을 검색 했습니까? 브라우저의 버튼 마크 업에서이를 볼 수 있다면 서버 또는 클라이언트에서 페이지에 추가 한 내용을 추가하는 것이 있습니다. – Michael

+0

그렇다면 Google 크롬의 검사 요소를 사용할 때 요소 탭의 스타일 부분에이 스타일 클래스가 표시되지 않습니까? 요소를 볼 때 스타일 아래 submitBtn 클래스를 사용하여 볼 수 없으며 'user agent stylesheet'만 있습니다. 이해한다면 요소를 렌더링하기 위해 브라우저의 기본값이 맞습니다. – Interminable

+0

뭔가 "submitBtn"클래스 속성을 추가 할 수 있습니다. 빈 웹 응용 프로그램을 만들 경우 새 asp : button을 놓고 CssClass를 "MyClass"로 설정 한 다음 실행하면 "submitBtn"으로 바뀝니다. 내 요점은 스팬을 감싸서이 다른 클래스를 해킹하는 대신에 submitBtn 클래스를 처음에 배치하는 것이 무엇인지 알아낼 수 있었다는 것입니다. 그렇게 할 수 없다면, CSS에서 다른 방식으로 목표를 정하기 위해 (또는 심지어 ID로 목표를 정하기 위해) 그것을 포장 할 수 있습니다. – Michael

답변

4

asp.net 컨트롤에 인라인 스타일을 설정할 수 있습니다. 나를 위해

<asp:Button ID="btnMyButton" runat="server" CausesValidation="false" Text="ClickMe" 
      Style="font-size: 80pt; color: Red;" /> 

또는

.MyButton 
{ 
    font-size:80pt; 
    color:Red; 
} 

<asp:Button ID="btnMyButton" runat="server" CausesValidation="false" Text="ClickMe" 
      CssClass="MyButton"/> 

잘 작동.

건배

+1

인라인 스타일 정의를 피하고 싶습니다. CSS 파일에 모두 정의되어 있습니다. 두 번째 예에서 볼 수 있듯이, 그게 내가 가지고있는 것입니다. 그러나 그것은 저에게 효과적이지 않습니다. 왜 그런지 모르겠습니다. – Interminable

+0

HTML 문서의 머리에 태그 사이에 CSS를 추가하여 작동하는지 확인하십시오. – shammelburg

+1

방금 ​​시도했지만 불행히도 효과가 없었습니다. – Interminable

1

같은 문제가있었습니다. 제 경우에는 CSS가 제 단추 스타일을 대신하는 SharePoint로 작업하고있었습니다. 시도 :

.MyButton 
{ 
    font-size:80pt !important; 
    color:Red !important; 
} 

중요한 것은 스타일을 재정의 할 수 없도록 만듭니다.

+0

나를 구해준 아. Jquery가 내 ASP에 스타일을 적용하고 있었다 : 버튼과 CssClass를 설정해도 스타일을 재정의하는 데 도움이되지 않았다!! 중요한 플래그를 사용하여 문제를 해결했습니다! – RyanG

1

사용 <asp:LinkButton> 대신

그래서 당신의 버튼 나는이 오래된 질문은 알고 있지만 다른 사람이 같은 문제에 붙어한다면 경우에, 당신은 또한 당신의 .skin을 확인해야

<asp:LinkButton ID="btnMyButton" runat="server" CssClass="MyButton" CausesValidation="False" Text="ClickMe" /> 
2

것 파일. 내 경우에는이 다음 선언했다 :

<asp:LinkButton CssClass="linkbtn"></asp:LinkButton>

이 그것을 무시할 수없는 pissibility와 "linkbtn"클래스를 가지고 응용 프로그램 전체에서 모든 LinkButton 컨트롤을 강제했다.

+0

감사합니다.이 사실은 제 문제의 진정한 원인을 파악하는 데 실제로 도움이되었습니다. 나는 그것들이 스스로 행동 할 때 그것을 좋아하지 않는다. –

관련 문제