title: How to add Indian rupee symbol to the RadioButtonList control in asp.net using CSS design
body: <p>I have created a web page which will add an Indian rupee symbol to the HTML element. But now I want to add it to the ASP.NET control <code>RadioButtonList</code>. How do I add an Indian rupee symbol to the <code>RadioButtonList</code> control in ASP.NET using CSS design?</p>
  
  <p>For example i have done following thing for the html</p>
  
  <pre><code>&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head runat="server"&gt;
      &lt;title&gt;&lt;/title&gt;
      &lt;link href="rupees.css" type="text/css" rel="Stylesheet" /&gt;
      &lt;link rel="stylesheet" type="text/css" href="http://cdn.webrupee.com/font"&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;form id="form1" runat="server"&gt;
      &lt;div&gt;
           &lt;span class="WebRupee"&gt; Rs&lt;/span&gt;&lt;span &gt;1000&lt;/span&gt;
      &lt;/form&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>for this the css design is as follows</p>
  
  <pre><code>@font-face{font-family:‘WebRupee’;src:url(‘WebRupee.V2.0.eot’);src:local(‘WebRupee’), url(‘WebRupee.V2.0.ttf’)format(‘truetype’),url(‘WebRupee.V2.0.woff’)format(‘woff’),
  url(‘WebRupee.V2.0.svg’)format(‘svg’);font-weight:normal;font-style:normal;}
  .WebRupee{font-family:’WebRupee’;}
  html&gt;body.WebRupee{margin-right:2px;}
  html&gt;body.WebRupee{*margin-right:0;}
  </code></pre>
  
  <p>I want to do same for the asp.net control. Is It possible?</p>
  
  <p>Below is the code generated for by browser for RadioButtonList control-</p>
  
  <pre><code>   &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head&gt;&lt;title&gt;
  
  &lt;/title&gt;&lt;link href="rupees.css" type="text/css" rel="Stylesheet" /&gt;&lt;link rel="stylesheet" type="text/css" href="http://cdn.webrupee.com/font" /&gt;&lt;/head&gt;
  &lt;body&gt;
      &lt;form name="form1" method="post" action="RupeesProblem.aspx" id="form1"&gt;
  &lt;div&gt;
  &lt;input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUKMTcyMzk2OTU4M2RkdcYvBUoxXiWN7YJOjB8Ix2kUJK0=" /&gt;
  &lt;/div&gt;
  
  &lt;div&gt;
  
      &lt;input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEWBQL9g+WlDQKvu9S8DQL7vKHVCAKQkaOMDQKDmNvQBRIdCsAnK66SRJlauJNX6/Qy0f6E" /&gt;
  &lt;/div&gt;
  
     &lt;table id="rd1" border="0"&gt;
      &lt;tr&gt;
          &lt;td&gt;&lt;input id="rd1_0" type="radio" name="rd1" value="first" /&gt;&lt;label for="rd1_0"&gt;first&lt;/label&gt;&lt;/td&gt;&lt;td&gt;&lt;input id="rd1_1" type="radio" name="rd1" value="second" /&gt;&lt;label for="rd1_1"&gt;second&lt;/label&gt;&lt;/td&gt;&lt;td&gt;&lt;input id="rd1_2" type="radio" name="rd1" value="third" /&gt;&lt;label for="rd1_2"&gt;third&lt;/label&gt;&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
      &lt;/div&gt;
      &lt;/form&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>thanks</p>