如何在primefaces inputText或inputNumber中添加图像？

<p:inputText style="background-image: url('path/to/image.png'); background-repeat: no-repeat; background-position: right center; padding-right: 25px;" />

<p:panelGrid columns="2">
    <p:inputText />
    <p:graphicImage value="path/to/image.png" />
</p:panelGrid>

@FacesComponent("com.example.ImageInputText")
public class ImageInputText extends UIInput {
    @Override
    public void encodeBegin(FacesContext context) throws IOException {
        ResponseWriter writer = context.getResponseWriter();
        writer.startElement("div", this);
        writer.writeAttribute("style", "position: relative;");

        // Input Text
        writer.startElement("input", this);
        writer.writeAttribute("type", "text");
        // Add other attributes as needed
        writer.endElement("input");

        // Image
        writer.startElement("img", this);
        writer.writeAttribute("src", "path/to/image.png");
        writer.writeAttribute("style", "position: absolute; right: 5px; top: 50%; transform: translateY(-50%);");
        writer.endElement("img");

        writer.endElement("div");
    }
}

<my:ImageInputText />