我一直在我的 CSS 中將border-radius: 10px 放入form-section 類、欄位集和表單中。我不知道為什么我的邊界半徑不起作用。表格仍然有鋒利的邊緣。建議？
<section class="form-section">
<form action="formdumpURL" method="POST">
<fieldset>
<h2>Get In Touch</h2>
<p>Take this first step to transforming your relationship with your dog.
<br>Contact us to find out more about our services.</p>
<ul id="form-input">
<!--fname-->
<li><label for="fname"><b>Name</b></label>
<input type="text" id="fname" name="firstname" class="text-input"></li>
<!--email-->
<li><label for="email"><b>E-mail</b></label>
<input type="text" id="email" name="email" class="text-input" required></li>
<!--phone-->
<li><label for="phone"><b>Mobile</b></label>
<input type="tel" id="phone" name="phone" pattern="[0-9]{3}-[0-9]{7}" required></li>
<!--button-->
<li class="button">
<button type="submit">Fetch!</button>
</li>
</ul>
</fieldset>
</form>
</section>
uj5u.com熱心網友回復：
下面的作業是孤立的，但我不確定你正在與什么其他 css 作斗爭。
如果這不起作用，則可能存在覆寫此規則的其他 css 規則的特異性問題
.form-section fieldset {
border-radius:10px;
}<section class="form-section">
<form action="formdumpURL" method="POST">
<fieldset>
<h2>Get In Touch</h2>
<p>Take this first step to transforming your relationship with your dog.
<br>Contact us to find out more about our services.</p>
<ul id="form-input">
<!--fname-->
<li><label for="fname"><b>Name</b></label>
<input type="text" id="fname" name="firstname" class="text-input"></li>
<!--email-->
<li><label for="email"><b>E-mail</b></label>
<input type="text" id="email" name="email" class="text-input" required></li>
<!--phone-->
<li><label for="phone"><b>Mobile</b></label>
<input type="tel" id="phone" name="phone" pattern="[0-9]{3}-[0-9]{7}" required></li>
<!--button-->
<li class="button">
<button type="submit">Fetch!</button>
</li>
</ul>
</fieldset>
</form>
</section>轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/453547.html