# WebListBox.Style "protected"?

**URL:** <https://forum.xojo.com/t/weblistbox-style-protected/71144>\
**Category:** Web\
**Created:** [July 12, 2022, 5:47pm UTC](https://forum.xojo.com/t/weblistbox-style-protected/71144 "2022-07-12T17:47:52Z")\
**Posts on this page:** 1\
**Showing post:** 16

<div class="post-metadata">

**Author:** ![Anthony\_G\_Cyphers](https://forum.xojo.com/user_avatar/forum.xojo.com/anthony_g_cyphers/32/16862_2.png) [@Anthony\_G\_Cyphers](https://forum.xojo.com/u/Anthony_G_Cyphers)\
**Post date:** [July 13, 2022, 3:10pm UTC](https://forum.xojo.com/t/weblistbox-style-protected/71144/16 "2022-07-13T15:10:18Z")

</div>

There are a number of threads around where a group of us have been supplying CSS to modify the built-in style of the WebListBox. Here’s a few, but a search of the forums should be enlightening.

> [@WebListbox Design Hacks](https://forum.xojo.com/t/weblistbox-design-hacks/61962/13):
>
> In CSS: .XojoListBox .DTFC\_ScrollWrapper, .XojoListBox .table, .XojoListBox .dataTables\_wrapper tr.buffer { background-color: #f00 !important; } You can swap the #f00 bit for transparent or any valid color value.

> [@Another WebListbox CSS Challenge - Different Header Background?](https://forum.xojo.com/t/another-weblistbox-css-challenge-different-header-background/70988/3):
>
> Here’s my solution to preserve all of the previous styling and apply a disabled state to the header (and set the table’s Enabled property). Add the following method to a module (as I assume you’ll be using this in multiple places, it makes the most sense to create an extension method): Public Sub setEnabled(extends l as WebListBox, value as Boolean) l.Enabled = value l.ExecuteJavaScript( "$('#" + l.ControlID + "')." + if( l.Enabled, "remove", "add" ) + "Class('disabledTable');" ) End Sub M…

> [@Web2 WebListbox - borderless and no alternating row color?](https://forum.xojo.com/t/web2-weblistbox-borderless-and-no-alternating-row-color/70885/19):
>
> Using what I provided above, replace the App.HTMLHeader content with this to combine everything and remove all borders and backgrounds: \<style\> .borderlessTable, .borderlessTable table, .borderlessTable table td, .borderlessTable table th, .borderlessTable table tr, .borderlessTable .dataTables\_scrollHead, .borderlessTable .dataTables\_scrollBody { border-color: transparent !important; background-color: transparent !important; background-image: none !important; } \</st…

---

_[View the full topic](https://forum.xojo.com/t/weblistbox-style-protected/71144)._