Results 1 to 4 of 4

Thread: textfield css specificity issue

  1. #1
    Join Date
    Dec 2008
    Posts
    11
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default textfield css specificity issue

    Hi,

    I am using nitobi components and its input definition seems to override my textfield definition. I amn't able to get a higher specificity for the definition below.

    Code:
    /* css defined within nitobi */
    .nitobi input, .nitobi textarea, .nitobi select, .nitobi ntb-input {
    	color:#333333;
    	font-family:Tahoma, Arial, Verdana;
    	font-size: 12px;
        border:0px solid #000000;
        padding:0px 2px 0px 4px;
        width: 100px;
    }
    
    /* css defined by me*/
    .basic, textfield .basic, .nitobi textfield .basic, .nitobi input .basic{
         border-width: 1px;    
         border-style: solid;    
         border-color: #999999;    
         background-repeat: repeat-x;    
         font-family: Arial, Helvetica, sans-serif;    
         font-size: 12px;    
         color: #333333;    
         width: 200px;    
         height: 15px;
    }
    
    <s:textfield label="" name="" id = "" size="15" maxlength="15" cssClass="basic" cssStyle="basic"/>

  2. #2
    Join Date
    Oct 2008
    Location
    Sweden
    Posts
    2,023
    Thanks
    17
    Thanked 319 Times in 318 Posts
    Blog Entries
    3

    Default

    I have no idea what nitobi is so I might be wrong here, but try putting this: textfield .basic together like so: textfield.basic.
    Eddy Proca
    I love Dropbox. Get it through my girlfriend's referral link (I reached my limit) and both you and her get 500 MB extra! Thanks and you're welcome!

  3. #3
    Join Date
    Dec 2008
    Posts
    11
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default

    Thanks for your help.

    But this also does not seem to work. Here are a few options that I have tried

    #mandatoryID1, textfield.basic, .nitobi textfield.basic, .nitobi input .basic for

    <s:textfield label="" name="" id = "mandatoryID1"
    cssClass="basic" cssStyle="basic"/>

    What is strange is that couple of months ago I had a similar problem and I was able to override

    .nitobi td with .nitobi td .value (where .value is the class)

    Yet I am unable to override

    .nitobi input with .nitobi input .basic (unless cssClass="basic" behaves differently)

    You should try out nitobi, it is pretty impressive. The only issues that I have faced so far was w.r.t stylesheets but apart from that it saves a lot of development effort.

  4. #4
    Join Date
    Oct 2008
    Location
    Sweden
    Posts
    2,023
    Thanks
    17
    Thanked 319 Times in 318 Posts
    Blog Entries
    3

    Default

    Unfortunately I don't any knowledge about nitobi so I don't think I can help you, maybe someone else that does will help you. Since this is not regular css, I suggest you ask a moderator to move your thread to the "other" thread and that you specify in you thread title that this is related to nitobi.
    Eddy Proca
    I love Dropbox. Get it through my girlfriend's referral link (I reached my limit) and both you and her get 500 MB extra! Thanks and you're welcome!

Tags for this Thread

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •