I have a search page that I have deployed to production in experience cloud but the lightning input is not showing the box outline, the checkboxes are not visible as well as the radio button. I have used LWCs for the implementation. The checkboxes and lightning input can be clicked but the outlines are not visible.

Production output Production

sandbox output sandbox

How can I resolve this? Thanks!

  • what makes you think this is a configuration issue? are the elements disabled? or is this just a styling issue?
    – glls
    Jun 4 at 12:30
  • kindly check the FLS for the fields mentioned in the LWC. Jun 4 at 15:33
  • I was just suspecting. What exactly about styling do you suggest could cause this? The same stylesheets are working in sandbox.
    – Pauline
    Jun 4 at 16:00
  • @glls I think you might be right. I deployed again and after previewing I am able to click but the outlines are still not visible. I however still don't know how to resolve the styling to make the outlines visible.
    – Pauline
    Jun 5 at 6:31
  • you will have to inspect the elements (using your browsers debugging tools) to see if there is any difference between the two
    – glls
    Jun 5 at 13:58

The solution was to use overrides since the app.css file with the different styling is part of the lightning framework.

In experience builder I went to theme -> theme settings -> edit css and added the styles that were affected eg. for the lighting input I added..

     border: 1px solid rgb(25, 71, 141);

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.