I have inserted LWC on VF page using lightning out. In my LWC, I have used lightning-input-field. The help text on the label is not displaying properly. I am guessing that it's because of lightning out. Hence I removed the label using variant="label-hidden" but the help text of the label still exists. Is there a way to remove it? I did not find anything helpful in the documentation.

enter image description here


<lightning-record-edit-form object-api-name={objectApiName}>
     <lightning-input-field variant="label-hidden" field-name={item.value.inputFieldName} value={item.value.filterValue}>

2 Answers 2


Go to the particular object's field ("myCustomField__c") in in your Org and remove the HelpText value given there. It go out from the Lightning page.

  1. Or you inspect the particular help icon area on page and find the some unique class of help icon.And just override the class with display: none; . You can refer this [https://hellosnl.blogspot.com/2019/07/lwc-override-css-of-standard-lightning-components.html] to override the css in Lwc.

my answer on this post should help if you are looking for a solution in LWC

Using lightning:inputField, I want to remove helptext

  • Your answer could be improved with additional supporting information. Please edit to add further details, such as citations or documentation, so that others can confirm that your answer is correct. You can find more information on how to write good answers in the help center.
    – Community Bot
    Commented Nov 11, 2021 at 8:33

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .