سلام دوستان
یه سوال ایا راهی هست که بشه برای دکمه asp.net حالتی رو تعریف کرد که با حرکت ماوس روی آن بر فرض رنگش تغییر کند؟
مثل حالت ماوس اور در html
سلام دوستان
یه سوال ایا راهی هست که بشه برای دکمه asp.net حالتی رو تعریف کرد که با حرکت ماوس روی آن بر فرض رنگش تغییر کند؟
مثل حالت ماوس اور در html
با سلام،
ببینید این به کارتون میاد:
https://barnamenevis.org/showthread.p...A7%DB%8C%D8%AA
راستش هنوز نیازبه راهنمایی دارم اینکه کلاس css رو چطور مرتبط کنم به buttton???
سلام
خیلی سادس !!!
ببین اول یک کلاس توی فایل سی اس اس بنویس :
.button
{
background-color:white;
}
توی این کلاس میای و میگی که هر چیزی (دکمه ، تگ یا هر چیز دیگه ای ) که داره از این کلاس استفاده میکنه رنگ پس زمینش سفید باشه.
حالا میای و یک کلاس دیگه مثل زیر اضافه میکنی برای اشاره ماوس رو اون :
.button:hover
{
background-color:gray;
}
توی کلاس بالایی میایم و میگیم که هر موقع ماوس روی اون رفت رنگش به خاکستری تغییر کنه ...
موفق باشید
راستی برای استفاده دکمه مربوطه از این کلاس هم باید :
css-class="button" کلاس اون دکمه رو برابر با اسم کلاسی که نوشتی قرار بدی !!!
بفرما،این هم یه نمونه با توضیحاتی که جناب aspismylove دادن.
دوستان در همین زمینه
اگه بخایم وقتی که کاربر روی یه تکس باکس کلیک میکنه رنگش تغییر کنه چیکار باید کرد؟
این کارو انجام دادم کاری انجام نشد
<style type="text/css">
.btn
{
background-color: Black;
}
.btn:hover
{
background-color: Blue;
}
.btn:focus
{
background-color: Red;
}
.btn:active
{
background-color: Yellow;
}
</style>
استایل بالا رو به یه button نسبت بده . اونوقت تفاوتهاشو احساس میکنی
لینک زیر هم خیلی خوب میتونه کمکت کنه :
http://www.w3schools.com/cssref/css_selectors.asp
بفرما،ببین خوبه:
Sample2.zip
فرقی نمیکنه تو همونو به تکست باکس نسبت بده.
ببین دوست عزیز شما کد زیر و تو یه صفحه کامل کپی کن جواب میگیری . یعنی یه صفحه ایجاد کن هرچیزی که توش نوشته رو پاک کن و کد من رو paste کن.
هرچند تو اون صفحه ای که ایجاد میکنی خط اول و پاک نکن یعنی خط زیر رو :کد HTML:<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default3.aspx.cs" Inherits="Default3" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <style type="text/css"> .btn { background-color: Black; border:1px solid gray; } .btn:hover { background-color: Gray; } .btn:focus { background-color: White; } </style> </head> <body> <form id="form1" runat="server"> <div> <asp:TextBox ID="TextBox1" CssClass="btn" runat="server"></asp:TextBox> </div> </form> </body> </html>
کد HTML:<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default3.aspx.cs" Inherits="Default3" %>
اوکی . خوشحالم که درست شد . من هواسم نبود گفتی درست شد
دوستان علت چیه که در مرورگر ie این کد جواب نمیده
این هم برای حل مشکل ie:
به دوخط اول که به فایل HTML اضافه شده دقت کنید!