移动端修改下拉框背景

淡淡的烟草味﹌ 2022-12-27 08:36 175阅读 0赞

移动端设置 下拉框背景：

找到下拉框控件，添加初始化后事件

setTimeout(function() \{  
    var dateEditor = document.getElementById("P\_ORGNAME").firstChild;  
    dateEditor.style.border = "solid";  
    dateEditor.style.border.width = "2px";  
    dateEditor.style.border.color = "\#ffffff";  
    dateEditor.style.borderRadius = "10px";  
    dateEditor.style.backgroundColor = "\#262626";  
    dateEditor.firstElementChild.style.color = "\#ffffff";  
\}, 500)

ps:控件名称必须大写  P\_ORGNAME

PC端：![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2h6cDY2Ng_size_16_color_FFFFFF_t_70][]![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2h6cDY2Ng_size_16_color_FFFFFF_t_70 1][]

移动端：

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2h6cDY2Ng_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20201209155116574.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2h6cDY2Ng==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2h6cDY2Ng_size_16_color_FFFFFF_t_70 1]: /images/20221120/689466b6ec6146e19bc139c1cc274928.png

发表评论取消回复

表情：

评论列表（有 0 条评论，175人围观）

还没有评论，来说两句吧...

相关阅读

相关 element-plus修改select下拉选择框样式

element-plus修改select下拉选择框样式如图所示修改placeholder的颜色修改下拉样式如图所示 ![在这里插入图片描

快来打我*/ 2024年03月23日 13:17/ 0 赞/ 65 阅读

相关移动端日期选择，下拉框选择效果

<!DOCTYPE html> <html> <head> <meta charset="UTF-8">

约定不等于承诺〃/ 2023年06月01日 12:38/ 0 赞/ 53 阅读

相关移动端修改下拉框背景

移动端设置下拉框背景：找到下拉框控件，添加初始化后事件 setTimeout(function() \{ var dateEditor = docum

淡淡的烟草味﹌/ 2022年12月27日 08:36/ 0 赞/ 176 阅读

相关移动端下拉刷新练习

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

比眉伴天荒/ 2022年06月01日 06:05/ 0 赞/ 196 阅读

相关移动端下拉菜单

![Image 1][] <table> <tbody> <tr> <td><h2><span style="font-size:14px;">js部分</

桃扇骨/ 2022年05月29日 07:52/ 0 赞/ 218 阅读

相关 spreadJS下拉框没有背景色问题

下拉框在没有spread.fromJSON(spreadStyle);的情况下正常不然会显示下拉框覆盖的内容，出现两个选择数据已经解决根据属性找到页面的下拉框

「爱情、让人受尽委屈。」/ 2022年04月18日 03:32/ 0 赞/ 249 阅读

相关 js下拉框之左右移动

1 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3U

分手后的思念是犯贱/ 2022年03月19日 07:54/ 0 赞/ 287 阅读

相关 CSS——鼠标移动显示下拉框，变色

整理一个小Demo: 鼠标移动实现下拉和颜色变化 ![20190404082358317.png][]![20190404082423824.png][] 首先分级的样式:

以你之姓@/ 2022年02月24日 12:24/ 0 赞/ 545 阅读

相关下拉框

1.jsp: <select class=" z9" name="sstage" id="sstage"> <c:forEach items="$\{sstagelis

比眉伴天荒/ 2021年11月23日 03:28/ 0 赞/ 503 阅读

相关 JQ移动端上拉加载下拉刷新2

html <header class="mui-bar mui-bar-nav"> <span class="mui-title">上拉加载下拉刷新</

痛定思痛。/ 2021年09月16日 11:24/ 0 赞/ 386 阅读