html에 액세스 할 수 없음 - 일부 텍스트의 스타일을 지정하려고합니다.

Question

CMS가 기금 모금 양식을 변경하여 텍스트가 더 커지려고합니다.

나는 단락을 쉽게 바꿀 수 있었지만 <h>을 쉽게 수정할 수는 있지만 완고한 레이블이있어 더 커질 수는 없다. 여기에 하나가있다. "지불 빈도"가 20px 정도가 좋으면 좋겠다.

<div class="field text date required"> 

    <label for="ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder234_FormControl1_DonationSection_CollectionDate_DropDownListDay" id="ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder234_FormControl1_DonationSection_CollectionDate_LabelTextBoxCollectionDate">Collection date </label> 

나는 모든 "레이블을 스타일링 시도 ...

<div class="field select required"> 

    <label for="ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder234_FormControl1_DonationSection_DropDownPaymentFrequency_DropDownList" id="ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder234_FormControl1_DonationSection_DropDownPaymentFrequency_LabelForDropDownList">***Payment Frequency***</label> 
    <select name="ctl00$ctl00$ContentPlaceHolder1$ContentPlaceHolder234$FormControl1$DonationSection$DropDownPaymentFrequency$DropDownList" id="ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder234_FormControl1_DonationSection_DropDownPaymentFrequency_DropDownList"> 
     <option value="">Please Select...</option> 
     <option selected="selected" value="Monthly">Monthly</option> 
     <option value="Annually">Annually</option> 

    </select>  
</div> 

내가 그들의 부하가 개별적으로 이러한 스타일을 할 수 있었다하지만 더 나은 방법이 있어야합니다, 여기에 또 다른 예이다 "그러나 첫 번째 변경되었습니다. 나머지는 그대로 있었다.

Answer 1

새 CSS 규칙을 덮어 쓰는 또 다른 CSS 규칙이있을 수 있습니다. !important을 사용하면 이미 존재하는 CSS 규칙을 덮어 쓸 수 있습니다. 다음을 참조하십시오 :

div.field label { 
 
    font-size:20px !important; 
 
}

<div class="field select required"> 
 
    <label for="ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder234_FormControl1_DonationSection_DropDownPaymentFrequency_DropDownList" id="ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder234_FormControl1_DonationSection_DropDownPaymentFrequency_LabelForDropDownList">***Payment Frequency***</label> 
 
    <select name="ctl00$ctl00$ContentPlaceHolder1$ContentPlaceHolder234$FormControl1$DonationSection$DropDownPaymentFrequency$DropDownList" id="ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder234_FormControl1_DonationSection_DropDownPaymentFrequency_DropDownList"> 
 
    <option value="">Please Select...</option> 
 
    <option selected="selected" value="Monthly">Monthly</option> 
 
    <option value="Annually">Annually</option> 
 
    </select>  
 
</div>

힌트 : 당신의 CSS 규칙 (부트 스트랩 또는 재단 등) 프레임 워크의 CSS 파일 이후에 포함되어 있는지 확인합니다. 이 방법이나 더 높은 특이성을 가진 선택자를 사용하십시오. !important을 사용하지 않는 것이 좋기 때문에 이러한 방법은 !important을 사용하기 전에 시도해야합니다.