【问题标题】:Change height makes problems改变高度会出问题
【发布时间】:2015-12-14 18:55:51
【问题描述】:

我实现了spectrum color picker。我正在尝试更改 alpha 滑块的高度。 (类名:.sp-alpha。)
当我这样做时,颜色选择器容器(类名:sp-top-innerheight会发生变化。

如何编辑source file 以便在不影响其他元素的情况下更改 alpha 滑块高度?

【问题讨论】:

  • 你能发一个sn-p,模拟你的问题吗?
  • 很难到处为您查找文档。不如把相关代码贴在这里,让我们直接看看有什么办法?
  • 每增加一个像素.sp-alpha,您需要增加.sp-top-innerbottom

标签: javascript jquery css spectrumjs


【解决方案1】:

.sp-top-inner 高度设置为 150px 或添加 bottom:20px(任何你喜欢的数字):

.sp-top-inner {
    height: 150px;
}

或者

.sp-top-inner {
        bottom: 20px;
    }

然后更改.sp-alpha的高度并添加自定义边距:

 .sp-alpha-enabled .sp-alpha {
  height: 20px;
  margin: 5px 5px 5px 0;
}

注意:如果您想启用 alpha 模式,只需添加上述代码即可。

JSFiddle Demo

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2013-08-19
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-04-09
    • 1970-01-01
    • 2016-12-24
    相关资源
    最近更新 更多