我有以下注册表单,但只需要为 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 horizontal like-
<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>
或者只是复制粘贴这个-
<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/