J'utilise stylesheet
externe pour le style ma default.aspx
page, je suis en utilisant la page maître dans mes project.I me réfère à la stylesheet
dans la page master
. Mon problème est, j'ai beaucoup dropdowns
et textboxes
sur mon form
, je suis en utilisant à la fois classes
et id's
pour chaque control.When j'utilise class
pour un contrôle particulier dans stylesheet
changements se reflètent ,, mais quand je l'utilise pour id styling
, les changements Les contrôles restent tels qu'ils étaient. Cela doit être quelque chose de vraiment évident que je peux manquer. J'utilise '.' et '#' pour class
et id
respectivement. Toute aide est très appréciée. Voici mon fichier default.css
CSS Stylesheet ne reflètent pas la modification
.textbox ,.dropdown,.checkdate1,.checkdate2,.NumZero,.NumLenZero,.NumDecTwo {
margin-bottom:10px;
}
.textbox,.checkdate1,.checkdate2,.NumZero,.NumLenZero,.NumDecTwo {
border:1px solid gray;
}
#disabled {
width:1000px;
margin-left:auto;
margin-right:auto;
color:White;
background-color:red;
text-align:center;
border:1px solid gray;
}
#drpCustType,#drpGender,#drpCountry,#drpMaritalStatus,#drpCorrespAdd,#drpEducation,#drpOccupation {
width:130px;
}
#drpResCity,#drpOffCity,#drpNativeCity {
width:160px;
}
#drpInitial,#drpReligion {
width:100px;
}
#drpBranchName,#drpResState,#drpOffState,#drpNativeState {
width:200px;
}
#drpIdentification {
width:220px;
}
#drpAddressProof {
width:253px;
}
#txtResAdd,#txtOffAdd,#txtNativeAdd {
width:350px;
border:1px solid red;
}
#txtCustNo {
margin-left:2px;
}
#txtBirthDate {
margin-left:8px;
}
#drpIdentification {
margin-left:6px;
}
#drpAddressProof{margin-left:-3px;}
#txtIDExpiryDate{margin-left:14px;}
#txtAddExpiryDate{margin-left:14px;}
#drpResCity,#drpOffCity,#drpNativeCity{margin-left:16px;}
#txtIDIssuedAt{margin-left:8px;}
#txtIDIssueDate{margin-left:1px;}
#drpResState,#drpOffState,#drpNativeState{margin-left:0px;}
#cmdSubmit{margin-left:50%;margin-top:10px;width:80px;height:30px;}
.date,.num{display:none;color:red;font-weight:bold;margin-left:3px;}
/*Custom validator Styling*/
#opendate,#reqdopendate,#birthdate,#restelno,#resmobno,#offtelno,#offmobno,#nativetelno,#nativemobno,#telno,#mobno,#monthincome,#idexpirydate,#addexpirydate,#idissuedate,#addissuedate{color:Red;font-weight:bold;margin-left:3px;}
#birthdate1,#resmobno1,#offmobno1,#nativemobno1,#mobno1,#idissuedate1,#addissuedate1{color:Red;font-weight:bold;margin-left:-7px;}
#easyTooltip {
padding:5px 10px;
border:1px solid #195fa4;
background:#195fa4 url(bg.gif) repeat-x;
-moz-border-radius:8px;
-webkit-border-radius:8px;
-moz-border-radius-bottomleft:0px;
-webkit-border-bottom-left-radius:0px;
color:#fff;
}
#Validation {
height:auto;
width:auto;
margin-left:20px;
}
vous devriez probablement poster un échantillon de votre code html et css – scibuff
Code source ou un lieu à voir le problème serait génial, alors nous pouvons vous aider. Sans cela, nous ne pouvons pas offrir beaucoup d'aide. –
pourrait être une question de spécificité http://css-tricks.com/specifics-on-css-specificity/ lire dessus – Henesnarfel