在chrome

Question

我只在chrome中遇到一个奇怪的问题。我正在尝试设置＆＃39;保存＆＃39;的onClick事件的文件输入颜色。如果文件输入存在一些验证错误，则按钮。我尝试了jquery和简单javascript来设置颜色，但没有一个适合我。这只是在chrome中的一个问题，因为我在mozilla firefox尝试过并且似乎正常工作。

我正在使用WebForms，我有一个从c＃代码生成的文件输入列表。 javascript中的代码如下：

$("input[id^='DC_LVP5EMulti_FU5M_']").each(function (i) { 
    var index = $(this).attr("index");                              
   //$("#DC_LVP5EMulti_FU5M_" + index).css('color', 'black');
   document.getElementById("DC_LVP5EMulti_FU5M_" + index).style.color = "#000000";
});

我在chrome中调试时注意到的一些事情，我使用console语句在document.getElementById("DC_LVP5EMulti_FU5M_2").style.color = "red";中将文件输入颜色设置为红色，但是它有效但 它没有上传文件文字是“没有文件选择＆＃39;并且在我将所有文件输入文本颜色再次更新为黑色后，唯一没有更改的是没有文本的文件＆＃39;没有文件选择＆＃39;但是上传文件的名称 ，所以我想问题是当输入文件包含一个文件并且文本已经从“没有文件选择”更改时出现问题。文件名。

以前有人遇到过这个奇怪的问题吗？

Answer 1

由于安全问题，对文件上传控制的处理方式存在限制。我不知道所涉及的所有错综复杂，但我知道只是设计控件的样式并隐藏本机控件要容易得多。从另一个Stack Overflow问题中查看此示例：Cross-browser custom styling for file upload button

您应该能够将文本和颜色更改为您想要的任何内容，因为您只使用普通的旧标签和div / span。