使用 CSS 或 jQuery 样式化 HTML 表单列表框

2023-05-13前端开发问题
4

本文介绍了使用 CSS 或 jQuery 样式化 HTML 表单列表框的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着跟版网的小编来一起学习吧!

问题描述

限时送ChatGPT账号..

我想简单地更改颜色并定义多行选择框或列表框的边缘.

I want to simply change the colors and define the edges of a multiple line select box, or list box.

我看到了一些类似主题的主题,但不是我正在寻找的解决方案.我需要能够:

I have seen a few threads on similar subjects, but not quite the solutions I am looking for. I need to be able to:

  • 更改元素的悬停颜色
  • 更改元素的选择颜色
  • 更改边框
  • 样式侧边滑块(非必需)

我想我可能不得不使用 JS(如果可能的话,通过 jQuery),但我更愿意使用 CSS.

I think I might have to use JS (via jQuery, if possible), but would much rather use CSS is I can.

这就是我所说的列表框

推荐答案

仅使用 CSS 是不可能做到这一点的.看看这个插件:github.com/vladfr/jquery-coolmultiple

there is no possibility to do this just with CSS. Take a look at this plugin: github.com/vladfr/jquery-coolmultiple

这篇关于使用 CSS 或 jQuery 样式化 HTML 表单列表框的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持跟版网!

The End

相关推荐

layui 实现实时刷新一个外部的div
主页面上显示了一个合计,在删除和增加的时候需要更改这个总套数的值: //html代码div class="layui-inline layui-show-xs-block" style="margin-left: 10px" id="sumDiv"spanSOP合计:/spanspan${totalNum}/spanspan套/span/div 于是在我们删除这个条数据后,...
2024-11-14 前端开发问题
156

layui 单选框、复选框、下拉菜单不显示问题如何解决?
1. 如果是ajax嵌套了 页面, 请确保 只有最外层的页面引入了layui.css 和 layui.js ,内层页面 切记不要再次引入 2. 具体代码如下 layui.use(['form', 'upload'], function(){ var form = layui.form; form.render(); // 加入这一句});...
2024-11-09 前端开发问题
313

layui要如何改变时间日历布局大小?
问题描述 我想改变layui时间日历布局大小,这个要怎么操作呢? 解决办法 可以用css样式对时间日历进行重新布局,具体代码如下: !DOCTYPE htmlhtmlheadmeta charset="UTF-8"title/titlelink rel="stylesheet" href="../../layui/css/layui.css" /style#test-...
2024-10-24 前端开发问题
271

layui中表单会自动刷新的问题
layui中表单会自动刷新的问题,因为用到layui的表单,遇到了刷新的问题所以记录一下: script layui.use(['jquery','form','layer'], function(){ var $ = layui.jquery, layer=layui.layer, form = layui.form; form.on('submit(tijiao)', function(data){ a...
2024-10-23 前端开发问题
262

jQuery怎么动态向页面添加代码?
append() 方法在被选元素的结尾(仍然在内部)插入指定内容。 语法: $(selector).append( content ) var creatPrintList = function(data){ var innerHtml = ""; for(var i =0;i data.length;i++){ innerHtml +="li class='contentLi'"; innerHtml +="a href...
2024-10-18 前端开发问题
125

“数组中的每个孩子都应该有一个唯一的 key prop"仅在第一次呈现页面时
quot;Each child in an array should have a unique key propquot; only on first time render of page(“数组中的每个孩子都应该有一个唯一的 key prop仅在第一次呈现页面时)...
2024-04-20 前端开发问题
5