איך אפשר לעצב את input type="file"

[sts]

זה לא מה שרציתי אני רוצה להחליף את הכפתור עיון...
רק את הכפתור הזה

[intercooler3819]

נכתב במקור על ידי Scolpy

הנה כמה דוגמאות לעיצוב כפתורים עם שימוש בגליונות CSS(תקן XHTML 1.1 STRICT):

1)

input[type="file"]{
    border: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
}

2)

input[type="file"]:hover, input[type="file"]:focus{
    border: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
}

3)

input[type="file"] {
    background: url('input_background.png') repeat-x;
    border: 1px solid #fff;
    height: 10px;
    padding: 0 3px 0 3px;
}

כמובן שישנן עוד וריאציות, אך זה בכללי

בהצלחה!

התקן שלך קצת שגוי חח מה שכתבת תקף בדפדפנים תומכי CSS3 (זה סלקטורים של CSS3) בלי קשר לתקן XML שבו אתה משתמש


בנוגע לשאלת פותח האשכול
מניסיון עבר - הדרך הכי טובה לעצב FILE INPUT כזה היא לממש את כל הFILE UPLOADING עם FLASH וAJAX ככה יש לך מקסימום נגישות
אם תרצה לעצב את זה חד פעמית יש הרבה קומבינציות בCSS3 וגם בCSS2 עם תמיכה חלקית ביותר בדפדפנים

מה שאני הייתי עושה זה מתפשר על העיצוב הרגיל חבל לבזבז את הזמן