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

Popular posts from this blog

qml - Is it possible to implement SystemTrayIcon functionality in Qt Quick application -

double exclamation marks in haskell -

javascript - How to get D3 Tree link text to transition smoothly? -