איך אפשר להגדיר את הגופן של הטקסט שמוצג בתג select (הטקסט ליד התג option) ?
איך מגדירים מה הן הגדרות הברירת מחדל של הגופן בדף ?
CSS CSS היא התשובה לכל שאלות העיצוב שלך, לדוגמה: קוד: select { font-size:10px; color:#00ff00; } תשים את קוד ה-CSS במקום המתאים לו ותראה איך אתה משפיע על הטקסט בתוך תיבת הבחירה. אם ברצונך לשנות אפילו כל שורה (לדוגמה כל שורה עם צבע אחר, אין קל מזה - בעזרת קלאסים מוגדרים מראש או בעזרת התג style תוכל לבצע זאת בקלילות: קוד: <select name="select"> <option value="1" style="color:#00CC99">test</option> <option value="2" style="color:#025467">test</option> <option value="3" style="color:#0AC555">test</option> <option value="4" style="color:#FA0934">test</option> </select>
select { font-size:10px; color:#00ff00; }
<select name="select"> <option value="1" style="color:#00CC99">test</option> <option value="2" style="color:#025467">test</option> <option value="3" style="color:#0AC555">test</option> <option value="4" style="color:#FA0934">test</option> </select>
[ זיו ] [ fat fish ]
כמובן CSS, רק היה מוזר לי לשעות כזה דבר לתג SELECT, אולי בגלל שאף פעם לא פגשתי חיה כזאת. חוצמזה, אני מעונין לתת הגדרות ברירת מחדל לגופנים בדף, אופו אני מגדיר אותם ? ב-CSS בהגדרה של התג body ?
בד"כ מומלץ לתת לינק לקובץ CSS ע"י: קוד PHP: <link href="style.css" type="text/css" rel="stylesheet" /> בו "יושב" כל העיצוב של האתר וכך ניתן לשמור על אחידות בין כל עמודי האתר. בכל אופן בשביל להכליל את העיצוב תוכל להשתמש בכל אחד מהדברים הבאים: קוד PHP: body{ כאן אתה כותב את עיצוב ברירת המחדל לגוף העמוד שלך. } קוד PHP: .class_name{תוכל להשתמש בפרמטר class בתגיות שלך וע"י כך לקרוא ל class_nameכדי שהעיצוב שתרשום פה יחול על כל המקומות בהם תכלול את הפרמטר{ קוד PHP: #object{משמש כדי "לדבר" אל העיצוב של אובייקט מסויים במסמך ע"י הID שלו.{
<link href="style.css" type="text/css" rel="stylesheet" />
body{ כאן אתה כותב את עיצוב ברירת המחדל לגוף העמוד שלך. }
.class_name{תוכל להשתמש בפרמטר class בתגיות שלך וע"י כך לקרוא ל class_nameכדי שהעיצוב שתרשום פה יחול על כל המקומות בהם תכלול את הפרמטר{
#object{משמש כדי "לדבר" אל העיצוב של אובייקט מסויים במסמך ע"י הID שלו.{
הגדרתי ב-css: קוד: body { margin-top: 0; background: url('/background.gif'); font-family: arial; font-size: 12px; } ההגדרות עובדות כצפוי, חוץ מגודל הגופן ברירת מחדל (אופו שאין לי class ספציפי).
body { margin-top: 0; background: url('/background.gif'); font-family: arial; font-size: 12px; }