2012-03-07 2 views
0

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.cssCSS 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; 
} 
+0

vous devriez probablement poster un échantillon de votre code html et css – scibuff

+0

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. –

+1

pourrait être une question de spécificité http://css-tricks.com/specifics-on-css-specificity/ lire dessus – Henesnarfel

Répondre

0

Peut-être un problème de cache local? essayer de vider le cache de votre navigateur et de recharger la page

à défaut que vos identifiants sont faux. Ou vous essayez de l'utiliser pour styler quelque chose qui ne s'applique pas (marge-haut/bas sur un élément en ligne par exemple)

Questions connexes