我正在尝试使用
我有文件上传jsp,我认为功能有效但视图/视觉上它不起作用。
<html>
<Head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
<link href="https://bootswatch.com/slate/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
</head>
<body>
<form id="testf" method="post" enctype="multipart/form-data" action="x.do">
<div class="col-md-8">
<label>Browse
<div class="text-warning">
<input id="uploadfile" name="uploadfile" type="file" accept=".csv">
<div>
</label>
</div>
</form>
</body>
</html>
在平板主题中,我没有看到“没有文件选择”的文字。选择后,我看不到带有“选定文件名”的文本
使用完全相同的代码和vanilla bootstrap我可以看到那些文本......任何人都可以帮助我理解如何在平板主题中使用它?特别是在选择文件后我需要显示名称..
答案 0 :(得分:0)
您只需要更改文本颜色,因为引导程序默认值为 rgb(51,51,51),并且Slate主题为其正文背景使用深色(#272b30 / rgb(39,43,48))。
CSS示例:
input[type=file] { color: white; }
工作示例:
input[type=file] {
color: white;
}
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />
<link href="https://bootswatch.com/slate/bootstrap.min.css" rel="stylesheet" />
<form id="testf" method="post" enctype="multipart/form-data" action="x.do">
<div class="col-md-8">
<label>Browse
<input id="uploadfile" name="uploadfile" type="file" accept=".csv">
</label>
</div>
</form>