html - 如何使用 css 找到正确的表单修改选择器？

Question

HTML:

<form class="awpcp-search-ads-form" method="get" 
action="https://adsler.co.uk/search- 
adsler/"name="myform">
<input type="hidden" name="awpcp-step" 
value="dosearch" />
<p class='awpcp-form-spacer'>
<label for="query">Search for Ads containing this word or 
phrase:</label>
<input type="text" id="query" class="awpcp-textfield 
inputbox" size="50" name="keywordphrase" value="" />
 </p><p class="awpcp-form-spacer">
 <label class="awpcp-category-dropdown-label" 
 for="awpcp-category-dropdown">Ad Category</label>

如何在这里找到合适的 css 修改选择器？

尝试了 awpcp-search-ads-form，但没有用。

如果我在 Codepen 中尝试这个，它不起作用

.awpcp-search-ads-form {border-radius: 20px; border- 
color: black;}

Answer 1

你试过 !important 了吗？例如:

.awpcp-search-ads-form {border-radius: 20px !important;}