#1
  1. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jul 2003
    Location
    Pakistan
    Posts
    112
    Rep Power
    12

    ...File Filed & CSS....


    hello

    Hope all you will fine plz let me know how i can apply style sheel on file field

    Regards,
    Faisal
  2. #2
  3. Cunning Linguist
    Devshed Supreme Being (6500+ posts)

    Join Date
    Jul 2003
    Location
    I used to live at home, now I stay at the house
    Posts
    10,180
    Rep Power
    2039
    Code:
    <input type="file" style="border: 1px solid #000000; background: #AAAAAA; color: black; font-family: tahoma; font-size: 8pt; font-weight: bold;">
  4. #3
  5. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jul 2003
    Location
    Pakistan
    Posts
    112
    Rep Power
    12
    Dear ! thanks yr prompt response i checked yr code i want just change browse button look & feel not a text field.

    Regards,
    Faisal
  6. #4
  7. Cunning Linguist
    Devshed Supreme Being (6500+ posts)

    Join Date
    Jul 2003
    Location
    I used to live at home, now I stay at the house
    Posts
    10,180
    Rep Power
    2039
    I don't think you can, as they're the same object, so both of them will be formatted together...
  8. #5
  9. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jul 2003
    Location
    Pakistan
    Posts
    112
    Rep Power
    12
    ok...check below code that is fullfill my requirement but that is not working in netscape,

    <input type="file" id="file" style="display:none;" onChange="document.getElementById('output').value = this.value">
    <input type="text" name="ivek" id="output" value="none" style="padding-left: 5px; color: #006666; width: 300px;background: #ffffff; font-size: 9pt; font-family: Arial;">
    <input type="button" value="Browse..." onClick="document.getElementById('file').click()" style="color: #006666; height: 20px; width: 80px; BORDER-RIGHT: #006666 thin solid; BORDER-TOP: #006666 thin solid;
    BORDER-LEFT: #c0c0c0 thin solid;BORDER-Bottom: #c0c0c0 thin solid; background: #EBEBE3; font-size: 11px; font-family: Arial;">

    you can check how we can compatible that code with netscape.

    Regards,
  10. #6
  11. Cunning Linguist
    Devshed Supreme Being (6500+ posts)

    Join Date
    Jul 2003
    Location
    I used to live at home, now I stay at the house
    Posts
    10,180
    Rep Power
    2039
    Sorry, don't have NN installed here to test it on, maybe someone else could have a go...?
  12. #7
  13. No Profile Picture
    Contributing User
    Devshed Novice (500 - 999 posts)

    Join Date
    Oct 2002
    Posts
    809
    Rep Power
    17
    It works in NN7, don't know about earlier.
  14. #8
  15. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jul 2003
    Location
    Pakistan
    Posts
    112
    Rep Power
    12
    Hello Dear ! Plz check agian browse button is not working in netscape 7 and let me know any solution.

    regards,

IMN logo majestic logo threadwatch logo seochat tools logo