How to display text in html/javascript/jQuery identical in firefox and explorer? -
this question regarding html, javascript and/or jquery. not have experience in latter 2 techniques.
the following code pieces show text 'browse' single word on browser. on firefox (30.0) text shown underlined link, while on windows explorer (version 11) underline missing. how must change code text underlined in windows explorer?
the main html code here:
<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> internally, uses jquery-1.4.4 , fileinput module from here. content of jquery.fileinput.css follows:
.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; } again, want change code, styles, scripts, whatever, render text 'browse' underlined 'link' in both browsers (firefox, explorer).
in class .customfile-button, set text-decoration underline, should job:
.customfile-button { float: right; text-align: center; text-decoration: underline; }
Comments
Post a Comment