הוסטס - פורום אחסון האתרים הגדול בישראל - איך אפשר לעצב את input type="file"

- פורום תיכנות (https://hosts.co.il/forums/forumdisplay.php?f=14)

- - איך אפשר לעצב את input type="file" (https://hosts.co.il/forums/showthread.php?t=74479)

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

ציטוט:

נכתב במקור על ידי Scolpy (פרסם 714683)

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

HTML קוד:

input[type="file"]{

    border: 1px solid #ffffff;

    border-top: 1px solid #ffffff;

    border-bottom: 1px solid #ffffff;

}

HTML קוד:



input[type="file"]:hover, input[type="file"]:focus{

    border: 1px solid #ffffff;

    border-top: 1px solid #ffffff;

    border-bottom: 1px solid #ffffff;

}

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 עם תמיכה חלקית ביותר בדפדפנים

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

מקסימום תוכל לעשות:

PHP קוד:


		
			
<img src=.. onclick="document.form_name.submit();">

ציטוט:

נכתב במקור על ידי mayden (פרסם 715009)

מקסימום תוכל לעשות:

PHP קוד:


		
			
<img src=.. onclick="document.form_name.submit();">

כאחד שראיתי שמוחק ומביא מעל ומעבר אזהרות על "אי כיבוד דרישת פותח האשכול",
נדמה כאילו די לא קראת מה הוא ביקש..

אז בבקשה, שים לב שכולם טועים לפעמים.

רק תזכור, שאתה לא יכול לעשות FIRE ל-event של הלחיצה על כפתור העלאה (אתה לא יכול לדמות בעצם לחיצה את הפקד הספציפי הזה בFF בשל בעיות אבטחה)
יש תוספים ל-JQUERY שעושים את זה טוב מאוד, תקרא על זה, זה שווה את הזמן.

לפותח האשכול, תשים לב למה שכתבתי למעלה.
זה הפיתרון בשבילך.

אני זוכר שהייתי תקוע באותה בעייה לפני כשנתיים - שלוש משו כזה.
אף אחד לא היה יכול לעזור ובכל הרשת הדבר היחיד שמצאתי זה פיתרון כמו שאלעד הביא פה.
בכל מקרה אני בסוף ויתרתי על העניין כי זה לא היה ברמה מושלמת, זה לא אפשרי בCSS, HTML בכל מקרה, חייבים לערב פלאש בשביל לקבל משו רציני.

בהצלחה.