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.

  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.

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
  •