html - 如何在选择标签内添加类

标签 html css

我有以下注册表单,但只需要为 select 标签添加行高,我认为这就像在每个 select 标签中添加一个类一样简单,如下所示:我尝试执行以下操作,但它没有行不通...我认为以下内容应该行得通,但是您可以在 select 标签中添加一个类吗?

.signup-form .subscriptionplan {
  line-height: 90px;

}
 <form class="signup-form" action="includes/signup2.php" method="POST">
         <label>First name</label>
         <br></br>
         <input type="text" name="first"  placeholder="First Name">
         <br></br>
         <label>Last name</label>
         <br></br>
         <input type="text" name="last"  placeholder="Last Name">
         <br></br>
         <label>E-Mail</label>
         <br></br>
         <input type="text" name="email" placeholder="Email">
         <br></br>
         <label>Username</label>
         <br></br>
         <input type="text" name="uid" placeholder="User ID">
         <br></br>
         <label>Password</label>
         <br></br>
         <input type="password" name="pwd" placeholder="Password">
         <br></br>
         <label>Referral</label>
         <br></br>
         <input type="text" name="referral" placeholder="referral">
         <br></br>
         <label>Basic Subscription Plan</label>
         <br></br>
         <select name="freelesson">
            <option value="Primer Level">Primer Level: Free</option>
         </select>
         <br></br>
          <label>Premium Subscription Plan 1</label>
          <br></br>

         <select name="subscriptionplan" class="subscriptionplan">
            <option value="">Choose Subscription Plan 1</option>
            <option value="None">None</option>
            <option value="Level 1">Level 1</option>
            <option value="Level 2">Level 2</option>
            <option value="Level 3">Level 3</option>
         </select>
         <br></br>
         <select name="pricing_level1" class="subscriptionplan">
          <option value="">Choose a price plan for Level 1</option>
          <option value="None">None</option>
          <option value="100">Monthly:$100</option>
          <option value="800">Yearly:$800</option>
          </select>
        <br></br>
        <select name="pricing_level2" class="subscriptionplan">
          <option value="">Choose a price plan for Level 2</option>
          <option value="None">None</option>
          <option value="150">Monthly:$150</option>
          <option value="1300">Yearly:$1300</option>
          </select>
          <br></br>
          <select name="pricing_level3" class="subscriptionplan">
          <option value="">Choose a price plan for Level 3</option>
          <option value="None">None</option>
          <option value="200">Monthly:$200</option>
          <option value="1800">Yearly:$1800</option>
          </select>
         <br></br>
         <button type="submit" name="submit">Sign up</button>

如果我添加,我可以设法让它工作

<div class="subscriptionplan"

在所有 select 标签之前,但我认为我应该能够让它在 select 标签内工作?我不能在类(class)中上课吗?我可以做 .signup-form .subscriptionplan 吗?

最佳答案

您可以通过在需要划线的选项之间放置一个带破折号的选项并使其不可选择来实现这一点。

<select name="subscriptionplan" class="subscriptionplan">
            <option value="">Choose Subscription Plan 1</option>
            <option value="None">None</option>
             <option disabled="disabled">-------</option>
            <option value="Level 1">Level 1</option>
            <option value="Level 2">Level 2</option>
            <option value="Level 3">Level 3</option>
         </select>

或者你可以使用 HTML UTF-8 box drawing light horizo​​ntal like-

<select name="subscriptionplan" class="subscriptionplan">
                <option value="">Choose Subscription Plan 1</option>
                <option value="None">None</option>
                 <option value="" disabled="disabled">&#9472;</option>
                <option value="Level 1">Level 1</option>
                <option value="Level 2">Level 2</option>
                <option value="Level 3">Level 3</option>
             </select>

或者只是复制粘贴这个-

<select name="subscriptionplan" class="subscriptionplan">
                <option value="">Choose Subscription Plan 1</option>
                <option value="None">None</option>
                 <option value="" disabled="disabled">──────────────────</option>
                <option value="Level 1">Level 1</option>
                <option value="Level 2">Level 2</option>
                <option value="Level 3">Level 3</option>
             </select>

关于html - 如何在选择标签内添加类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52016939/

相关文章:

php - 不要在表单提交时转义特殊字符

javascript - 单击 HTML 按钮更改 CSS?

javascript - material-ui 网格内的中心组件

javascript - Bootstrap 3 Navbar Collapse menu at Left for left and right navbar items

javascript - 使用带有 Javascript 代码的类在 span 元素之间包装特定文本

CSS 样式不适用于容器 div

php - 尽管尝试了所有方法,mysql表仍然显示小黑色问号

html - "label for"不切换控制

css - 如何更改换行文本 -css 的颜色和对齐方式

html - 如何制作元素从上到下(而不是从左到右)开始的 2 列布局?