topic Re: Styling AttachmentEditor "Choose File" Button in ArcGIS JavaScript Maps SDK Questions

Styling AttachmentEditor "Choose File" Button

KeithGerhartz1 — Thu, 12 Oct 2017 14:32:52 GMT

Is it possible to style the Choose File button in the JSAPI attachmenteditor? I want to make it look consistent with the other dojo claro buttons in my app.

Re: Styling AttachmentEditor "Choose File" Button

TimWitt2 — Thu, 12 Oct 2017 15:25:08 GMT

I wonder if you could replace the button like in this example? Edit fiddle - JSFiddle

Maybe you can find some answers here? html - Styling an input type="file" button - Stack Overflow

Re: Styling AttachmentEditor "Choose File" Button

ThomasSolow — Sat, 11 Dec 2021 11:04:55 GMT

I don't think there's a set way to do this across browsers. The "standard" hack is to hide the file input, use your own button, and programmatically click the hidden input when the user clicks the button. This is pretty ugly but it works.

Webkit browsers (chrome, safari) can use this CSS pseudoselector to select the button, like this:

input[type="file"]::-webkit-file-upload-button{
  // style button here
}‍‍‍‍‍‍