gpt4 book ai didi

javascript - 如何在 firefox 和 explorer 中以相同的 html/javascript/jQuery 显示文本?

转载 作者:行者123 更新时间:2023-11-28 10:09:53 35 4
gpt4 key购买 nike

这是一个关于 html、javascript 和/或 jQuery 的问题。我对后两种技术没有任何经验。

以下代码片段在浏览器上将文本“浏览”显示为单个词。在 firefox (30.0) 上,此文本显示为带下划线的链接,而在 Windows 资源管理器(版本 11)上,下划线缺失。我必须如何更改代码才能使文本在 Windows 资源管理器中也带有下划线?

主要的html代码在这里:

<head>
<title>Test</title>
<script type="text/javascript" src="jquery-1.4.4.min.js"></script>
</head>
<body>

<link type="text/css" rel="stylesheet" href="jquery.fileinput.css"/>
<script type="text/javascript" src="jquery.fileinput.js"></script>
<script>
$(document).ready(function(){
$('.browse').customFileInput().change(function(){ });
$('.customfile-button').wrap('<a href="#">');
$('.browse').each(function(){
$('.customfile-feedback', $(this).parent()).text('');
$('.customfile-button', $(this).parent()).text("Browse");
});
});
</script>

<input type="file"
class="browse "
accept="audio/*"
width="100%">

</body>
</html>

在内部,它使用jquery-1.4.4 和一个fileinput 模块from here . jquery.fileinput.css内容如下:

.customfile-input {
position: absolute;
cursor: pointer;
background: transparent;
border: 0;
opacity: 0;
-moz-opacity: 0;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
z-index: 999;
}

.customfile {
cursor: pointer;
overflow: hidden;
position: relative;
}

.customfile-disabled {
opacity: .5;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
cursor: default;
}

.customfile-feedback {
display: block;
}

.customfile-button {
float: right;
text-align: center;
text-decoration: none;
}

同样,我想更改代码、样式、脚本等,以在两种浏览器(firefox、explorer)中将文本“浏览”呈现为带下划线的“链接”。

最佳答案

在你的 .customfile-button 类中,将文本装饰设置为下划线,它应该可以完成工作:

.customfile-button {
float: right;
text-align: center;
text-decoration: underline;
}

关于javascript - 如何在 firefox 和 explorer 中以相同的 html/javascript/jQuery 显示文本?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24425067/

35 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com