html - How to change cursor on iFrame "Select File" -


I get a & lt; Input type = "file" & gt; I'm using an IFRAME to simulate. This is what it does:

1 - Displays a link which says "select your file". - A user clicks the link, one browses File on your local computer.

3 - When a user selects the file, it automatically starts uploading.

This is working great, however, I am unable to control the cursor type. How do I apply the cursor to the indicators?

Below is an example of a code. 

  & lt; Html & gt; & Lt; Top & gt; & Lt; Style & gt; .attach-file: Hover {text-decoration: underlined; Cursor: indicator; } .attach-file {padding-left: 22px; Background: url ("{{STATIC_URL}} images / new / attached-file.png") no-repeat 0 1px; Color: # 0 BA 5D9; Status: Relative; Top: 0; Left: 0; } Form {float: right; } Html, body {padding: 0; Margin: 0; Border: 0; } Input [type = "file"] {z-index: 999; Opacity: 0.0; Line-height: 0; Status: Completed; Status: fixed; Font-size: 500px; Top: -100px; Left: -200px; -Mouse-presence: none; White-space: Abrop; Cursor: indicator; -Moz binding: none; } Input [type = "file"]> Input [type = "text"] {border-color: heirs; Background color: heir; Color: heir; Font size: heir; Height: heir; } / * Button part of file selector * / input [type = "file"] & gt; Input [type = "button"] {height: heir; Font size: heir; } Input [type = "file"]: hover {cursor: default; } * {Hidden sediments; } & Lt; / Style & gt; & Lt; / Head & gt; & Lt; Body & gt; & Lt; Form method = "post" verb = "." Antipype = "multipart / form-data" style = "status: inline" & gt; & Lt; Label style = "overflow: hidden; condition: relative;" & Gt; & Lt; Span class = "attach-file" & gt; Attach file & lt; / A & gt; & Lt; Input type = "file" name = "attachment" /> & Lt; / Labels & gt; & Lt; / Form & gt; & Lt; / Body & gt;   
   
   
 While hovering on iFrame, do I need to add or change the above to emulate a cursor in Firefox?   
 
 
 css  
  input [type = "file"]: hover {Cursor: default; }   
 Overriding other style definitions. Remove it, and you get pointers cursor.

Comments

Post a Comment