asp button looks not same for different browser
I put asp button near RadFileUpload control.I used many ways to set proper
looks with take inline css, external css but its not set. My .aspx page
code is like
<tr>
<td class="formlabel2">
<asp:Label ID="lblLName17" runat="server" Text="Photo:"></asp:Label>
</td>
<td valign="top" style="padding: 0px !important">
<table width="275px" style="padding: 0px !important">
<tr style="padding: 0px !important">
<td width="200px" style="padding: 0px !important">
<telerik:RadAsyncUpload ID="RadAsyncUpload1"
runat="server" AutoAddFileInputs="false"
OnClientFilesUploaded="HideRemoveBtn"
Visible="true"
OnClientFileUploadRemoved="ResizeTextBox"
MaxFileInputsCount="1"
MultipleFileSelection="Disabled" TabIndex="17"
OnFileUploaded="RadAsyncUpload1_FileUploaded"
Height="25px">
</telerik:RadAsyncUpload>
</td>
<td width="65px" valign="top" style="padding: -4px
!important; vertical-align:top;">
<asp:Button Width="65px" ID="btnRomovePhoto"
Visible="true" Text="Remove" runat="server"
style="margin-top:0px"
OnClick="btnRomovePhoto_Click"></asp:Button>
</td>
</tr>
</table>
</td>
</tr>
here i try to set css class
.btnRomovePhoto
{
font-family: Arial,Helvetica,sans-serif;
margin:0px !important;
float:none !important;
vertical-align:middle !important;
padding: 0 !important;
text-align: center !important;
}
using cssClass="btnRomovePhoto" but in Mozilla and IE9 this button look
big and in Firefox and safari this look small than Upload control height
and if i set height than in Mozila and IE text display in bottom even if i
set text-align and vertical-align.I try with INPUT[Type=botton] to set
css. and try with Html button but same issue arise. Any Solution?
No comments:
Post a Comment