- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在使用 Bootstrap Colorpicker 2.3 ,但我的要求是,我想在颜色选择器中添加文本字段值框,like this example , 是否可以 ?请有人帮助我,在此先感谢。
最佳答案
用一些额外的代码更新了你的 fiddle 。
插件有 changeColor
事件。使用它来更新输入元素值。
$('.demo2').on('changeColor.colorpicker', function(a, b, c) {
$('.store').val($(this).colorpicker('getValue'))
});
$('.demo1').colorpicker();
$('.demo2').colorpicker({
template: '<div class="colorpicker dropdown-menu">' +
'<div class="colorpicker-saturation"><i><b></b></i></div>' +
'<div class="colorpicker-hue"><i></i></div>' +
'<div class="colorpicker-alpha"><i></i></div>' +
'<div class="colorpicker-color"><div /></div>' +
'<div class="colorpicker-selectors"></div>' +
'<div class="colorpicker-selectors"></div>' +
'<input type="text" value="" class="store" />' +
'</div>',
input: '.store'
});
$('.demo2').on('changeColor.colorpicker', function(a, b, c) {
$('.store').val($(this).colorpicker('getValue'))
});
.demo1,
.demo2 {
width: 200px;
margin: 30px;
}
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.12.0/jquery.js" type="text/javascript"></script>
<link href="/css/normalize.css" type="text/css" rel="stylesheet">
<link href="/css/result-light.css" type="text/css" rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-colorpicker/2.3.0/js/bootstrap-colorpicker.js" type="text/javascript"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-colorpicker/2.3.0/css/bootstrap-colorpicker.min.css" type="text/css" rel="stylesheet">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" type="text/javascript"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.css" type="text/css" rel="stylesheet">
<div class="input-group demo1">
<input type="text" value="" class="form-control" />
<span class="input-group-addon"><i></i></span>
</div>
<div class="form-group">
<div class="field-title">With template</div>
<div class="input-group input-picker demo2">
<input type="text" value="" class="form-control" />
<div class="dss"></div>
<span class="input-group-addon"><i></i></span>
</div>
</div>
关于javascript - Bootstrap Colorpicker,如何在下拉列表中设置颜色值框?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36124574/
我一直在尝试从我的应用程序中使用的工具包中获得新的选色器,但没有成功... 这是示例代码,应该选择窗口背景的颜色来填充当前颜色,并且在重新选择之后,应该将背景颜色更改为选定的颜色...
我正在使用 ColorPicker。我对轮子的大小有疑问。 我想要更大的。 我正在使用 Xcode 12.1。希望有人可以帮助我。谢谢你。 这是我的代码: struct SwiftUIView: Vi
这是 stackblitz 链接:- https://stackblitz.com/edit/angular-gtv8vo?file=src/app/app.component.html 这里,单击按
这是 stackblitz 链接:- https://stackblitz.com/edit/angular-gtv8vo?file=src/app/app.component.html 这里,单击按
这是我当前的颜色选择器: 如何设置其颜色预览宽度、边框颜色和半径的样式?是否可以去掉底部的“自定义颜色”选项,使用我自己的颜色集代替默认颜色? 我尝试使用这个 CSS: .color-picker {
大家好,我正在使用这个颜色选择器( http://www.eyecon.ro/colorpicker )并 try catch 十六进制值,以便我可以在服务器端使用它来存储所选的颜色。如果您查看提供的
我有一个 jQuery 插件,我正在尝试为其添加回调函数。 (我不会发布所有代码,但提供了 a ready made JSFiddle 来代替: http://jsfiddle.net/39Uqr/
当我单击“自定义颜色”链接时,我得到了这个可怕的 NullPointerException: Exception in thread "JavaFX Application Thread" java.
我想更改调色板。默认情况下,颜色的透明度为 30%。 是否可以更换调色板? 最佳答案 基于此solution ,您可以在获得矩形及其颜色后更换调色板。 例如,您可以使所有调色板更亮: @Ove
我正在使用 netBeans 和 SceneBuilder 创建一个带有几个文本编辑器选项的小窗口。我在屏幕中包含的其中一个按钮是我根据以下样式修改的颜色选择器; 这是当前使用的样式表; .colo
我正在尝试找到一种方法来为我动态创建的每个框分配事件处理程序。目前,用户可以点击“在上方添加”或“在下方添加”,他们点击的位置会出现 2 行框。 我试图做到这一点,以便当用户点击特定方 block 时
我正在使用jQuery ColorPicker我想要一个按钮来添加输入以获得多种颜色,我正在这样做: $(document).ready(function(){ $("#bt
我已经下载了 Vaadin Colorpicker 插件来尝试一下,如果我点击 colorPicker“按钮”两次,就会出现一个 IllegalArgumentException : 异常 java.
我正在开发一个网络应用程序,它需要根据 colorpicker 的值更改 HTML canvas 的颜色。 我有一个 HTML 格式的 colorpicker,我需要在每次更新时从中获取 value。
我正在使用这个 jQuery 颜色选择器 http://www.eyecon.ro/colorpicker/#about 有什么方法可以让它在点击颜色选择器时更改输入的值(*颜色代码)? 现在它仅通过
我正在使用 Bootstrap Colorpicker 2.3 ,但我的要求是,我想在颜色选择器中添加文本字段值框,like this example , 是否可以 ?请有人帮助我,在此先感谢。 最佳
我有一个带有内联编辑功能的剑道网格。现在,在一个专栏中,我想添加一个剑道颜色选择器。当该行未处于编辑模式时,如何添加它并显示所选颜色? 任何人都可以给我任何在剑道网格中使用颜色选择器的例子吗? 谢谢
我在 ExtJS 中有一个颜色选择器,我用它来选择颜色作为背景。不过我希望用户能够输入自己的十六进制代码。为了确保他们不会将无效的十六进制代码放入字段中,我想验证它们是否具有正确数量的字符。 用户还可
我想使用颜色选择器插件进行 Bootstrap :https://farbelous.io/bootstrap-colorpicker/index.html 它使用 bootstrap 4 和 Jqu
我有一个默认设置面板: [ { "type": "title", "title": "Test application" }, {"type": "buttons",
我是一名优秀的程序员,十分优秀!