set background color of all textboxes (input fields) to transparent

Question

I am upgrading part of a very old website. One of the pages that I own uses controls and dlls that I do not. There is one dll that puts a textbox (input field) on the page. This field is concepually a label but the person chose to use a textbox. Anyways, I can't change the dll.

Is there a way in my asp.net page that uses the dll to say all the textboxes on this page should have a transparent background?

This is the code I have access to. Any changes I make have to be made here.

<asp:Content ID="Content1" ContentPlaceHolderID="bodyContent" Runat="Server">
<style type="text/css">
.heading { color:#007DC3; font-weight:300; font-size:1.5em; line-height:1.22em; margin-bottom:22px; }
</style> 
    <cc1:wizard id="wizCtl" runat="server"></cc1:wizard>
</asp:Content>

Thanks!

like this?

<div style = "input[type='text']{ 
border: none; 
background-color: transparent; 
} 
">
    <cc1:wizard id="wizCtl" runat="server"></cc1:wizard>
</div>

It doesnt seem to work...

Tried this too:

<style input [type='text']{ border: none; background-color: transparent;} >

<cc1:wizard id="wizCtl" runat="server"></cc1:wizard>

</style>

Answer 1

Is this what you're after:

<style>
  input {border:0;}
</style>

Answer 2

Try this

input[type='text']{
border: none;
background-color: transparent;
}

Answer 3

input[type='text']
{
    border: none;
    background-color: transparent;
}

Answer 4

Try this:

In the head part of the doc:

<style type="text/css">

   div#someDiv input[type='text']{ 
   background-color: transparent; 
   } 

</style>

Then wrap your textbox with div and give it an ID

<div id="someDiv">
    <cc1:wizard id="wizCtl" runat="server"></cc1:wizard> 
</div>

Answer 5

I can see your problem. Change your code to

<style type='text/css'>div.tbwrap input[type='text']{ border: none; background-color: transparent;}</style>
<div class='tbwrap'><cc1:wizard id="wizCtl" runat="server"></cc1:wizard></div>

Your style tag was a bit off and I do not thing the 'cc1:wizard' tag should have been within the style tag either.

Answer 6

<asp:Content ID="Content1" ContentPlaceHolderID="bodyContent" Runat="Server">
<style type="text/css">
.heading { color:#007DC3; font-weight:300; font-size:1.5em; line-height:1.22em; margin-bottom:22px; }
input[type='text']{
    border: none;
    background-color: transparent;
}
</style> 
<cc1:wizard id="wizCtl" runat="server"></cc1:wizard> <!-- if this does transform into a text input, check the page source just to be certain -->
</asp:Content>