CSS needed to remove border from disabled textboxes (class: wpf-disable-field)

[DanL]

DanL

July 9, 2021 at 12:18 am

Ben, Hannah, Et Al,

I once again call upon your Virtue Theme and CSS expertise. Thanks in advance!

I’m looking for some CSS (or PHP???) to do the following “adjustment” to the display of disabled textboxes (simple thing, I think: remove borders from disabled textboxes)…

I have some forms that contain textboxes/form-fields that are made read-only by setting CSS class to ‘wpf-disable-field’. This value is set for a particular textbox or textboxes individually. A PHP snippet handles making those fields read-only/disabled in response to that ‘wpf-disable-field’ value being present/set for that textbox. What I want to do is also remove the borders from any textbox that is set to read-only/disabled.

Here is an example of a form where all of the textboxes are disabled/read-only. Currently, the borders still show. I would just like to remove the borders on the disabled/read-only textboxes. A simple CSS solution is probably preferred, but PHP edits and/or additions are fine, too, if needed:

*Login to see link

Here is a page that displays the PHP source code/snippet that makes it work as-is behind-the-scenes. This provides the functionality of disabling the textbox for edit (make read-only) when the CSS class ‘wpf-disable-field’ is set:

*Login to see link

Note: I DO NOT want to remove the borders for the “regular”/editable textboxes; just the read-only ones with the CSS class set to ‘wpf-disable-field’.

I hope you can help me out here and that this one turns out to be easy for you! Thanks.

I patiently await your response.

Appreciatively,
-Dan L.