Skip to main content

Is there a way to identify all checkboxes for field editors in CSS?  Basically, I want to be able to lock the checkboxes to always display the box beside the label (display: -webkit-inline-box;) regardless of the style of other items in the field editor.  It appears that I need to edit the .nx-basicfieldeditor-item element, but I’m not certain of the syntax for only adjusting checkboxes.  Can this be done?

just learned it. Slick little thing to do.

input[type=‘checkbox’]{  

}

Check this post out as well.

http://cssdeck.com/labs/css-checkbox-styles


Cascading first by field editor. .nx-editor-contents 

.nx-editor-contents inputptype=‘checkbox’] {

}


Very cool Pat.  Thanks for passing along. 


For some reason I can’t get this to work.  I’ve tried multiple variations, but the checkboxes are not aligned properly.

.nx-editor-contents inputtype=‘checkbox’] {
     -webkit-inline-box;}

Anything else I’m missing?


.nx-editor-contents inputttype=‘checkbox’] {
display: -webkit-inline-box;
}


sorry:

.nx-editor-contents inputttype=‘checkbox’] {
     display:-webkit-inline-box;}

also:

.nx-basicfieldeditor-item inputetype=‘checkbox’] {
     display:-webkit-inline-box;}


Sorry Pat - I had the “display:” as well…


Reply