首页 > 解决方案 > 如何定位价值?

问题描述

我想定位any date 选择框,但似乎找不到正确的选择器。这是一个值“任何日期”。

我的代码:

label[for="searchdatetimes"] {
  border-radius: 20px;
}
!-- Search by date section start -->
<div class="col-sm-4">
  <label for="search_datetimes">Any dates</label>
  <select name="search_datetimes[]" id="search_datetimes" class="event-manager-category- 
    dropdown" data-placeholder="Choose any date…" data- no_results_text="No results match" data- multiple_text="Select Some Options">
    <option value="">Any Date</option>
    <option value="datetime_today">Today</option>
    <option value="datetime_tomorrow">Tomorrow</option>
    <option value="datetime_thisweek">This Week</option>
    <option value="datetime_thisweekend">This Weekend
    </option>
    <option value="datetime_thismonth">This Month
    </option>
    <option value="datetime_thisyear">This Year</option>
    <option value="datetime_nextweek">Next Week
    </option>
    <option value="datetime_nextweekend">Next Weekend
    </option>
    <option value="datetime_nextmonth">Next Month
    </option>
    <option value="datetime_nextyear">Next Year</option>.
  </select>
</div>
!-- Search by date section end --
</div>
<!-- /row -->
<div class="row">
  <!--

页面是:https ://adsler.co.uk/find-an-event/

我想定位下拉框any date

这个也试过了。

a [target~="Any Date"] {
background-color: yellow;
border-radius: 20px;
border: 3px #000 solid;} 

没有什么。

标签: htmlcss

解决方案


添加

select{
  border-radius: 20px;
}

到你的 CSS

因此,为了更好地回答您最初的问题,您尝试定位的“选择器”在这种情况下适当地是select.

#search_datetimes如果您只需要定位该元素(如果还有其他元素),您也可以通过 id来执行此操作。


推荐阅读