如何设置 jquery 中 select 框的 .css 背景 url?
how do I set .css backgroud url of a select box in jquery?
我有一个 select 盒子,我想在 jquery
中设置它的背景 url
jQuery(document).ready(function($){
$('select').css({
("background", "url("+site_url+"/img/select-arrow.png)")
});
});
此代码无效
某些浏览器无法在 select 中呈现背景。
我建议使用 html 和 css 的解决方案,而不是本机下拉菜单。
试试 bootstrap 下拉列表:
http://getbootstrap.com/javascript/#dropdowns
您只需要将 json 对象中的许多括号作为选项传递给 css 函数即可。修改您的 jQuery 使其看起来像下面的代码,它将起作用。
$('select').css({
"background-image": "url('"+site_url+"/img/select-arrow.png')"
});
我有一个 select 盒子,我想在 jquery
中设置它的背景 urljQuery(document).ready(function($){
$('select').css({
("background", "url("+site_url+"/img/select-arrow.png)")
});
});
此代码无效
某些浏览器无法在 select 中呈现背景。 我建议使用 html 和 css 的解决方案,而不是本机下拉菜单。
试试 bootstrap 下拉列表: http://getbootstrap.com/javascript/#dropdowns
您只需要将 json 对象中的许多括号作为选项传递给 css 函数即可。修改您的 jQuery 使其看起来像下面的代码,它将起作用。
$('select').css({
"background-image": "url('"+site_url+"/img/select-arrow.png')"
});