改变高度会产生问题

Question

我实施了spectrum color picker。我试图改变alpha滑块的高度。 （具有类名.sp-alpha的那个。）
当我这样做时，颜色选择器容器（类名：sp-top-inner）高度会发生变化。< / p>

如何编辑source file以便我可以更改Alpha滑块高度而不影响其他元素？

Answer 1

将.sp-top-inner高度设置为150px或添加底部：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