ציטוט:
נכתב במקור על ידי Scolpy
הנה כמה דוגמאות לעיצוב כפתורים עם שימוש בגליונות CSS(תקן XHTML 1.1 STRICT):
1)
HTML קוד:
input[type="file"]{
border: 1px solid #ffffff;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
}
2)
HTML קוד:
input[type="file"]:hover, input[type="file"]:focus{
border: 1px solid #ffffff;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
}
3)
HTML קוד:
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 עם תמיכה חלקית ביותר בדפדפנים
מה שאני הייתי עושה זה מתפשר על העיצוב הרגיל חבל לבזבז את הזמן