无法访问 html - 尝试将某些文本设置为更大的样式

Question

我正在使用 CMS 尝试更改筹款表格，使文本更大。

我已经设法很容易地更改了段落和 <h>，但是有一些顽固的标签我无法扩大 - 这是一个 - 我想要 "Payment Frequency" 20px左右....

<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>

我已经能够单独设置它们的样式，但必须有更好的方法，它们有很多，这是另一个例子：

<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>

我尝试了所有 "labels" 的样式，但只有第一个发生了变化。其余保持不变。

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 文件之后（例如 Bootstrap 或 Foundation）。这种方式或使用具有更高特异性的选择器。在使用!important之前应该尝试这些方法，因为不推荐使用!important。

无法访问 html - 尝试将某些文本设置为更大的样式

no access to html - trying to style some text bigger

css

labels