تغییر رنگ border در مرورگر فایرفاکس

[mmm201]

سلام

من یه border دارم در مرورگر فایر فاکس رنگش تغییر میکنه

border:3px ridge #B3AFAF;

[frednasri]

سلام.

ridge رو با solid عوض کنید ببینید درست میشه:

border:3px solid #B3AFAF;

موفق باشید.

[mmm201]

سلام.

ridge رو با solid عوض کنید ببینید درست میشه:

border:3px solid #B3AFAF;

موفق باشید.

بله دوست عزیز من میخام بصورت ridge باشه

[frednasri]

ridge و بر عکسش groove (و همچنین inset و outset که حالت سه بعدی ایجاد می کنند) خصوصیتشون اینه که لبه دارن و لبه، رنگ متفاوتی داره و به طور خودکار براساس رنگ قسمت اصلی که شما اعمال می کنید، تعیین میشه. این رنگ لبه هم توسط کاربر (که من و شما باشیم) قابلیت تغییر نداره. اینجا (http://www.w3schools.com/css/css_border.asp) رو ببینید. پس دوست عزیز، اگه هنوز هم می خواین از ridge استفاده کنید، در حال حاضر نمی تونید رنگ دلخواه خودتون رو به لبه اش بدید.

موفق باشید.

[mmm201]

ridge و بر عکسش groove (و همچنین inset و outset که حالت سه بعدی ایجاد می کنند) خصوصیتشون اینه که لبه دارن و لبه، رنگ متفاوتی داره و به طور خودکار براساس رنگ قسمت اصلی که شما اعمال می کنید، تعیین میشه. این رنگ لبه هم توسط کاربر (که من و شما باشیم) قابلیت تغییر نداره. اینجا (http://www.w3schools.com/css/css_border.asp) رو ببینید. پس دوست عزیز، اگه هنوز هم می خواین از ridge استفاده کنید، در حال حاضر نمی تونید رنگ دلخواه خودتون رو به لبه اش بدید.

موفق باشید.

عرض کردم این مشکل فقط در مرورگر فایر فاکس بوجود میاد

[frednasri]

به هر حال ridge دو تا طیف رنگ به حاشیه اضافه می کنه که شما فقط رو یکیش کنترل دارید.

من همین الان کد شما رو تو سه تا مرورگر فایرفاکس، کروم، و اکسپلورر امنحان کردم، و یه نتیجه گرفتم.

شاید مشکل شما از جای دیگه ای باشه.

[mmm201]

136506

.....

[frednasri]

ridge دو تا طیف رنگ به حاشیه اضافه می کنه که شما فقط رو یکیش کنترل دارید.

رنگ دیگه رو مرورگر به طور خودکار به حاشیه اضافه می کنه که توی عکسی که فرستادید، مرورگر کروم یه رنگ پررنگ تر از مرورگر فایرفاکس اضافه می کنه. رنگ دوم اضافه شده که تفاوت توی عکسه، خود مرورگر تعیین می کنه. شما کنترلی روش ندارید.

برای اینکه دقیقاً این تفاوت تغییر رنگ مرورگر رو توی ridge ببینید (که مشابه تفاوت تو عکس شماست)، با هر دو مرورگرتون به ایتجا (https://developer.mozilla.org/en-US/docs/Web/CSS/border-style) یه نگاهی بندازید. تو قسمت مثال ridge، اگه اون باکس سبز رنگی رو که با ridge درست شده در نمای بزرگتر تو دو تا مرورگرتون ببینید، متوجه میشید که دقیقاً تفاوتی که شما تو عکستون هست اونجا هم می بینید، یعنی مرورگرها رنگ دوم مربوط به حاشیه با ridge درست شده رو خودشون تعیین می کنن.

پس نتیجه این بحث از نظر من اینه:

اگه می خواین دقیقاً همون رنگی باشه که شما بهش می دین (یعنی بدون دخالت مرورگر)، از ridge استفاده نکنید.