I just know someone has the answer for this one...

I've been on a mission to style the DNN Search Bar <dnn:SEARCH> control.

So...

Got the #dnn_dnnSEARCH_cmdSearch.SkinObject and #dnn_dnnSEARCH_txtSearch.NormalTextBox CSS styling down without too many hassles, but what about changing the colour of the "Web" and "Search" labels by just using the skin.css file??  I tried the following in my CSS.

#dnn_dnnSEARCH_optWeb.SkinObject {
    font-weight: normal;
    font-size: 11px;
    color: #FFFFFF;
    font-family: Tahoma,Arial,Helvetica;
    text-decoration: none;
}
#dnn_dnnSEARCH_optSite.SkinObject  {
    font-weight: normal;
    font-size: 11px;
    color: #FFFFFF;
    font-family: Tahoma,Arial,Helvetica;
    text-decoration: none;
}

This did not work.

Then I tried (just for sh*ts):

.dnn_dnnSEARCH_optWeb.SkinObject {
    font-weight: normal;
    font-size: 11px;
    color: #FFFFFF;
    font-family: Tahoma,Arial,Helvetica;
    text-decoration: none;
}
.dnn_dnnSEARCH_optSite.SkinObject  {
    font-weight: normal;
    font-size: 11px;
    color: #FFFFFF;
    font-family: Tahoma,Arial,Helvetica;
    text-decoration: none;
}

And that only worked in IE.

Anybody??  All I want to do here is change the colour of the text without changing the "Label" or "SkinObject" classes throughout my site.
I've checked out DNNCreatives Video tutorial - Which covers everything except what I want to do.

I'm also not interested in changing the Search ascx file for this site as I want to impliment this css in future skin releases.

ASCX File's source I refer to is:

<%@ Control language="vb" CodeFile="Search.ascx.vb" AutoEventWireup="false" Explicit="True" Inherits="DotNetNuke.UI.Skins.Controls.Search" %>
<asp:RadioButton ID="optWeb" runat="server" CssClass="SkinObject" GroupName="Search" Text="Web" />
<asp:RadioButton ID="optSite" runat="server" CssClass="SkinObject" GroupName="Search" Text="Site" />
<asp:TextBox id="txtSearch" runat="server" CssClass="NormalTextBox" Columns="20" maxlength="255" enablev13wstat3="False"></asp:TextBox>&nbsp;
<asp:LinkButton ID="cmdSearch" Runat="server" CausesValidation="False" CssClass="SkinObject"></asp:LinkButton>

If the search thingy is sitting within a tag classed as .SkinObject, then:

.SkinObject label {} will do the text labels

If you want to target only the search and not other skin objects on the same page then you should put your own class on whatever tag surrounds it.

e.g. <td class="search">searchythingy</td>

then use

.search label {} for the text labels

Use whatever you need to target whatever bits you want to style in there:

.search input {} for the radio buttons

.search .NormalTextBox {} for the text field

and so on.

Rob

I am pleased to help - and I know Robax is too.  I am glad that your problem is solved.