Я пытаюсь удалить -webkit-appearance:none;
через jQuery, но ничего не работает. Я попробовал следующее:-webkit-внешний вид не исчезает
jQuery(document).ready(function(){
jQuery("select").removeAttr('style');
jQuery("select").prop("style", "");
jQuery("select").attr("style", "");
jQuery("select").css("-webkit-appearance", "");
})
Кроме того, это одно:
jQuery(document).ready(function(){
jQuery("select:not([multiple])").removeAttr('style');
jQuery("select:not([multiple])").prop("style", "");
jQuery("select:not([multiple])").attr("style", "");
jQuery("select:not([multiple])").css("-webkit-appearance", "");
})
Наконец:
jQuery(document).ready(function(){
jQuery("select#bulk_action_stat").removeAttr('style');
jQuery("select#bulk_action_stat").prop("style", "");
jQuery("select#bulk_action_stat").attr("style", "");
jQuery("select#bulk_action_stat").css("-webkit-appearance", "");
})
CSS-:
select:not([multiple]) {
-webkit-box-shadow: none;
-khtml-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
-webkit-appearance: none;
-khtml-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
background: url(../images/arrow.png) no-repeat right center;
height: auto;
border: 0;
padding-right: 20px;
cursor: pointer;
}
HTML-:
<form id="bulk_action_filter" class="form-inline" method="post">
<select class="form-control" id="bulk_action_stat" name="bulk_action_stat">
<option value="">Bulk Actions</option>
<option value="trash">Move To Trash</option>
<option value="wc-processing">Mark Processing</option>
<option value="wc-on-hold">Mark On-Hold</option>
<option value="wc-completed">Mark Complete</option>
<option value="wc-delivered">Mark Delivered</option>
</select>
<input form="bulk_action_filter" type="submit" name="filter_bulk_actions" class="check-all filter-button" value="Apply" "/>
</form>
Моя цель состоит в том, чтобы удалить эту часть, так что мой выбор выпадающий будет показывать стрелку вниз символ или «каре».
Любая помощь очень ценится. Благодаря!
-Eli
Вы можете посмотреть на инструменты разработчика вашего браузера, в частности, все ошибки, представленные в консоли JavaScript (нажмите F12 в большинстве браузеров, и перейдите к консоли). –
'jQuery (" select ") removeAttr (style);' это тот, который блокирует остальные, так как 'style' не определен. – callback
Спасибо за предложения, ребята! Я исправил свой синтаксис, поэтому на консоли не могут быть обнаружены ошибки. Но он все еще не работает. (Я обновлю коды выше) –