Styling CSS error 样式化 的 CSS 错误

14 浏览
0 Comments

Styling CSS error 样式化 的 CSS 错误

我正在尝试对一个输入按钮进行样式设置，但是一个jQuery函数似乎干扰了它。

HTML代码：

jQuery代码：

function() {
$('#imageuploadform').submit();
}

我的CSS代码：

#imageuploadform input[type="file"] {
background : url("../images/selecteaza.png") no-repeat center center;
width: 186px;
height:40px;
border: none;
color: transparent;
font-size: 0 !important;
}

不幸的是，在FF和Chrome浏览器中仍然可以看到原始按钮的一部分：

https://i.stack.imgur.com/QWSQs.png

有什么想法吗？

0

1 答案

0 Comments

问题的原因是在使用标签时，通常会通过CSS隐藏原始按钮，并用

解决方法是在CSS中将标签的高度和宽度设置为0，透明度设置为0，同时设置overflow为hidden。这样可以隐藏原始按钮。然后使用

以下是一个最简示例的代码：





label {
  background: gray;
  padding: 5px;
  border: 1px dashed hotpink;
}

如果想要在jQuery函数中添加CSS代码，可以使用以下方式：

$('#mybutton').css({color: 'red'}).submit();

希望能对你有所帮助。

0