相关疑难解决方法(0)

使用按钮隐藏输入类型"文件"

我想知道这是否可行?谷歌什么都没有.

基本上我想我的按钮模拟选择时,允许用户上传文件.我已经阅读了标签的可能性,但我需要使用按钮来执行UX/UI

<button style="position:fixed;bottom:10px;right:70px" type="button" class="btn btn-default">
    <input type="file" id="files" visbility="hidden" />
    <span class="glyphicon glyphicon-folder-open" aria-hidden="true"></span>
</button>
Run Code Online (Sandbox Code Playgroud)

目前我的按钮看起来像这样: 在此输入图像描述 对此:

在此输入图像描述

html css jquery input button

18
推荐指数
3
解决办法
6万
查看次数

可见性:可见/隐藏div

单击按钮然后用关闭按钮隐藏它时显示div的最佳方法是什么?

我的Jquery代码如下:

$(".imageIcon").click(function(){
$('.imageShowWrapper').css("visibility", 'visible');
});
 $(".imageShowWrapper").click(function(){
$('.imageShowWrapper').css("visibility", 'hidden');
});
Run Code Online (Sandbox Code Playgroud)

除了我遇到的问题是它没有任何点击自动关闭.它加载一切正常,显示约1/2秒然后关闭.有任何想法吗?

html css jquery visibility

17
推荐指数
2
解决办法
9万
查看次数

在CSS中,opacity:0和display:none之间有什么区别?

我正在使用jQuery fadeIn/fadeOut方法,并且确切地知道它在做什么.文档声明该方法影响元素的不透明度属性,但显示:none也可以隐藏元素然后淡入它.是不透明度:0和显示:无同样的事情?我看到使用这些方法的一些非常不稳定的动画,并希望了解更好的事情.

css jquery

7
推荐指数
2
解决办法
4010
查看次数

删除css中复选框的"框"

我试图删除复选框字段的实际框,只是使文本可单击.我怎么能用JS和css做到这一点?我开始使用按钮,但我切换到复选框,因为盒子的"状态"比按钮更容易找到.但是现在我正在用css对页面进行抛光以获得更好的格式和布局,这些方框正在阻碍,我更希望文本可以在没有框的情况下进行点击.

html css

7
推荐指数
1
解决办法
2万
查看次数

在primefaces向导的最后一个选项卡上隐藏后退按钮

我想在向导的最后一个选项卡中隐藏BACK按钮.我正在使用primefaces.它的解决方案是什么?

谢谢

primefaces

6
推荐指数
1
解决办法
4535
查看次数

input [type = hidden]和visibility ="hidden"之间的区别

input[type=hidden]和之间有什么区别visibility : hidden;?

html css

6
推荐指数
1
解决办法
6万
查看次数

style.visibility和style.display之间的区别

可能重复:
visibility:hidden和display:none之间有什么区别

我正在查看div使用JavaScript 隐藏/显示标签的示例.在一些示例中,它们使用visibility并且在某些示例中display.

例如

document.getElementById("divhotel").style.visibility = "hidden";
Run Code Online (Sandbox Code Playgroud)

VS

document.getElementById("divhotel").style.display = "none";
Run Code Online (Sandbox Code Playgroud)

两者有什么区别?

javascript css

5
推荐指数
1
解决办法
1万
查看次数

为什么我的主页下面有空白区域?

我创建了一个网站,使用按钮移动到下一页,一切正常.除了在所有内容下有很多空白的主页外.我试图隐藏溢出但阻止你必须单击的按钮转到下一页.我希望第一页的高度等于用户屏幕高度,如果某些内容不适合,则允许它们向下滚动.

这是codepen:https://codepen.io/Lukie/pen/eWobYa

// If user clicks on .downBtn
function scrollDown() {
  $(".home").removeClass("slideInLeft");
  $(".home").addClass("slideOutUp");
  
  $(".content").css("visibility", "visible");
  $(".content").removeClass("slideOutDown");
  $(".content").addClass("slideInUp");
}

// If user clicks on .upBtn
function scrollUp() {
  $(".home").removeClass("slideOutUp");
  $(".home").addClass("slideInDown");
  $(".home").css("visibility", "visible");
  
  $(".content").removeClass("slideInUp");
  $(".content").addClass("slideOutDown");
}
Run Code Online (Sandbox Code Playgroud)
body {
  background-color: white;
  overflow-x: hidden;
  transition: all .6s ease-in-out;
}

.home {
  top: 0;
  visibility: visible;
}

.content {
  position: absolute;
  top: 0;
  visibility: hidden;
}

.logo {
  margin: 4% 0 14% 0;
}

.downBtn {
  position: relative;
  color: orange;
  transition: all .3s …
Run Code Online (Sandbox Code Playgroud)

html css jquery animate.css bootstrap-4

5
推荐指数
1
解决办法
55
查看次数

如何使用CSS隐藏HTML元素?

我试图用CSS隐藏HTML元素.

<select id="tinynav1" class="tinynav tinynav1">
Run Code Online (Sandbox Code Playgroud)

但它非常有弹性,即使使用Google Inspect元素我也无法改变造型

有任何想法吗?

谢谢 :-)

html css coding-style

4
推荐指数
2
解决办法
5万
查看次数

ipywidget交互式隐藏可见性

我想用ipywidgets创建一个交互式模块。到目前为止还不错,但是我被卡住了。我想根据特定情况隐藏某个ipywidget对象的可见性,并且我希望打印的文本显示在小部件上方并停留在该位置。

dropdown=widgets.Dropdown(
    options={'Coffee machine': 1, 'Washing machine': 2, 'Water Heater': 3, 'Heating System': 4, 'Dryer': 5, 'Oven': 6, 'Microwave': 7, 'Other':8},
    value=1,
    description='Apparaat:',
    )
text_new=widgets.Text()
def text_field(value):
    if(value==8):
        display(text_new)
        text_new.on_submit(handle_submit)
    else:
        text_new.visible(False) #Doesn't work but I want something like this
print("Today you had an increase in electricity consumption, would you like to name this device?") #This just be above the dropdown menu and be stuck
i=widgets.interactive(text_field, value=dropdown)
display(i)
Run Code Online (Sandbox Code Playgroud)

现在的作用:在下拉菜单中选中“其他”时,将出现一个文本框,用户可以在其中键入内容。但是,当检查另一台计算机时,该文本框将停留在该位置。我只需要一个“隐藏”功能,但似乎找不到一个有效的功能。

同样,在下拉菜单中检查另一个选项后,打印消失,不再回来。

python text visibility widget dropdown

4
推荐指数
3
解决办法
2388
查看次数