Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 隐藏背景直到值更改_Javascript_Html_Css - Fatal编程技术网
Fatal编程技术网
  • javascript/
  • Javascript 隐藏背景直到值更改

Javascript 隐藏背景直到值更改

javascript html css

Javascript 隐藏背景直到值更改,javascript,html,css,Javascript,Html,Css,我希望隐藏此元素的背景，直到通过文本输入发生值更改 我希望按钮的宽度随着添加的文本量（加上任何额外的填充）而增加。现在，它正在自动填充其父容器的100%。我不希望此元素填充其父容器宽度的100% 以下是我现在拥有的： var$divC=$（'.button'）； $（'.buttonInput'）.bind（'keyup change'，function（））{ $divC.html（this.value）； 如果（this.value.length>0）{ $（'.button'）.css（

我希望隐藏此元素的背景，直到通过文本输入发生值更改

  • 我希望按钮的宽度随着添加的文本量（加上任何额外的填充）而增加。现在，它正在自动填充其父容器的100%。我不希望此元素填充其父容器宽度的100%

    • 以下是我现在拥有的：

    var$divC=$（'.button'）；
$（'.buttonInput'）.bind（'keyup change'，function（））{
$divC.html（this.value）；
如果（this.value.length>0）{
$（'.button'）.css（'显示'，'块'）
}否则{
$（'.button'）.css（'display'，'none'））
}
});

    。按钮{
字号：18px；
字体大小：400；
线高：110%；
利润率：15px0；
背景颜色：蓝色；
颜色：白色；
填充：15px；
字母间距：1px；
边界半径：3px；
文本对齐：居中；
}
    

    


    


    

    输入文本：
    添加
    页边距：自动和
    显示：无到您的按钮，并使用
    显示：表格
    使宽度适合内容
    


    var$divC=$（'.button'）；
$（'.buttonInput'）.bind（'keyup change'，function（））{
$divC.html（this.value）；
如果（this.value.length>0）{
$（'.button'）.css（'display'，'table'））
}否则{
$（'.button'）.css（'display'，'none'））
}
});

    。按钮{
字号：18px；
字体大小：400；
线高：110%；
利润率：15px0；
背景颜色：蓝色；
颜色：白色；
填充：15px；
字母间距：1px；
边界半径：3px；
文本对齐：居中；
保证金：自动；
显示：无；
}
    

    


    


    
输入文本：