bootswatch slate 主题 -- 文件上传 "text" 不工作

Question

我正在尝试使用

我有文件上传 jsp，我认为该功能可用，但 view/visually 它不可用。

<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>

在 slate 主题中， 我没有看到文本“No File Chosen”。选择后我没有看到带有 "selected file name"

的文本

使用完全相同的代码和香草 bootstrap 我可以看到那些文本...任何人都可以帮助我了解如何在 slate 主题中使用它吗？特别是在选择文件后我需要显示名称..

Answer 1

您只需更改文本颜色，因为 bootstrap 默认值是 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>

bootswatch slate 主题 -- 文件上传 "text" 不工作

bootswatch slate theme -- file upload "text" does not work

jquery

jsp

twitter-bootstrap

bootswatch