This question is locked. New answers and comments are not allowed.
I want to harmonize the Button Style in my app with the Telerik Styles.
I have this code:
The Search Button has a light border while the Advanced Search Button has a dark border.
The rendered css for the Search Button is:
The rendered css for the Advanced Search Button is:
How can I harmonize the buttons?
This is in firefox.
In ie both buttons are the same.
Probably in firefox the default submit is colored differently?
I have this code:
| <% using (Html.BeginForm("QuickSearchResult", "Search")) %> |
| <% { %> |
| <!-- Form content goes here --> |
| <%= Html.TextBox("q", "", new { @class = "input-box" })%> |
| <input type="submit" value="Search" class="t-button" /> |
| <% } %> |
| <%= Html.ActionLink("Advanced Search", "Search", "Search", new { @class = "t-button"})%> |
The Search Button has a light border while the Advanced Search Button has a dark border.
The rendered css for the Search Button is:
| .t-button { |
| background:url("Hay/sprite.png") repeat-x scroll 0 -96px #E8E8E8; |
| color:#333333; |
| } |
| .t-button { |
| -moz-border-radius:3px 3px 3px 3px; |
| border-style:solid; |
| border-width:1px; |
| cursor:pointer; |
| display:block; |
| line-height:18px; |
| outline:medium none; |
| padding:2px 4px; |
| text-align:center; |
| text-decoration:none; |
| } |
| .t-button { |
| background:url("Hay/sprite.png") repeat-x scroll 0 -96px #E8E8E8; |
| color:#333333; |
| } |
| .t-button { |
| -moz-border-radius:3px 3px 3px 3px; |
| border-style:solid; |
| border-width:1px; |
| cursor:pointer; |
| display:block; |
| line-height:18px; |
| outline:medium none; |
| padding:2px 4px; |
| text-align:center; |
| text-decoration:none; |
| } |
This is in firefox.
In ie both buttons are the same.
Probably in firefox the default submit is colored differently?