如何定位价值?

时间:2019-05-03 09:30:25

标签: html css

我想定位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;} 

什么都没有。

1 个答案:

答案 0 :(得分:0)

添加

select{
  border-radius: 20px;
}

到您的CSS

因此,为了更好地回答您的第一个问题,在这种情况下,您尝试定位的“选择器”就是select

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