html - Css Hyperlink font color not changing -
i have seen similar posts ..i have modified code , using code add together color hyperlink text..my hyperlink generates @ runtime in html output..i have multiple css ..i think css effects overriding
a:link { color: red; color: inherit; text-decoration:underline; } also tried 1 :
a:link { color: #fff; text-decoration:underline; } my script:
function (response) { obj =response.d; var output = "<table class='table'><tr><th>serial no.</th><th>ufzillaid</th><th>mzillaid</th><th>status</th></tr>"; (var x = 0; x < obj.length; x++) { output += "<tr><td >" + obj[x].emid + "</td></tr>"; } output += "</table>"; $("#result").append(output); this markup
<%@ page language="c#" autoeventwireup="true" codebehind="ufzillaerrorstatus.aspx.cs" inherits="dashboard.web.ufzillaerrorstatus" %> <!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>ufzillaerrorstatus</title> <link href="http://fonts.googleapis.com/css?family=open+sans:400,300,600,700,800|open+sans+condensed:300,700" rel="stylesheet" /> <link href="css/home.css" rel="stylesheet" type="text/css" media="all" /> <link href="css/themes/ui-lightness/jquery-ui-1.10.1.custom.css" rel="stylesheet" type="text/css" /> <link href="css/assets/style.css" rel="stylesheet" type="text/css" /> <link href="js/common/jquery.jqgrid-4.5.4/css/ui.jqgrid.css" rel="stylesheet" type="text/css" /> <script src="js/common/jquery.jqgrid-4.5.4/js/jquery-1.9.0.min.js" type="text/javascript"></script> <script src="js/common/jquery/json2.js" type="text/javascript"></script> <script src="js/common/jquery/jquery-ui-1.10.1.custom.min.js" type="text/javascript"></script> <script src="js/common/jquery.jqgrid-4.5.4/js/i18n/grid.locale-en.js" type="text/javascript"></script> <script src="js/common/jquery.jqgrid-4.5.4/js/jquery.jqgrid.min.js" type="text/javascript"></script> <script src="js/common/jquery.jqgrid-4.5.4/plugins/grid.postext.js" type="text/javascript"></script> <script src="js/jqueryfileupload/jquery.fileupload.js" type="text/javascript"></script> <script src="js/jqueryfileupload/jquery.iframe-transport.js" type="text/javascript"></script> <script src="js/common/jquery/jquery.alphanumeric.js" type="text/javascript"></script> <script src="js/dashboard/ufzillaerrorstatus.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function () { }); </script> </head> <body> <form id="form1" runat="server"> <div class="content1" style="background: 0 0 0 #fffff"> <div id="uferrdivs" align="center"> <table> <tr> <td> product </td> </tr> <tr> <td> <select id="proselct"> </select> </td> </tr> </table> <center> <div> <div id="result" style="background-color: #f5f5f5; width: 800px; margin-top: 50px;"> </div> </div> </center> </div> </div> </form> </body> </html> ..underline effect appears..but color not changing ..i have tried other method .but not working ...
any suggestion helpful
remove:
color: inherit; as overriding colour want.
html css hyperlink
No comments:
Post a Comment