|
Go
![]() |
New
![]() |
Search
![]() |
Notify
![]() |
Tools
![]() |
Reply
![]() |
|
|
Expert |
Could one of you css gurus tell me the css syntax for addressing the arrows in a dropdown box? and the arrow's background?
thanks |
||
|
|
Platinum Member |
For the standard shapes of the DHTML cursor (and some CSS sytax for setting the cursor shape), you can look here: http://www.w3schools.com/css/tryit.asp?filename=trycss_cursor Changing background of the cursor is not so easy. One of the way (at least available in IE 6) is to use the "nonstandard" cursor. The syntax: style="cursor: url('../new_cursor.cur')" You cannot use any "normal" graphic format like *.jpg, *.gif, *.png for the customized cursor. You have to use one of the "special cursor" formats: *.cur or *.ani. You can also try to experiment with the standard shapes of the cursor, and another DHTML layer for changing the background. Something like the following example <script type="text/javascript"> function popupMove(popup) { var bkg = document.getElementById("cursorBackground"); popup.style.cursor = 'wait'; bkg.style.cursor = 'wait'; bkg.style.visibility = ""; bkg.style.background = "Red"; bkg.style.top = event.clientY - 8; bkg.style.left = event.clientX - 8; } function popupOut(popup) { popup.style.cursor = "normal"; document.getElementById("cursorBackground").style.visibility = "hidden"; } style="position: absolute; z-index: 0; width: 200px; height: 200px;" onmousemove="popupMove(this)" onmouseout="popupOut(this)"> style="z-index:10; position:absolute; height:16px; width:16px;"> Hope this helps Grzegorz This message has been edited. Last edited by: <Mabel>, |
|||
|
|
Expert |
thanks grzegorz, for your very kind reply; but its not the cursor i'm seeking to change. its the arrow and arrowbg in the dropdown box.
|
|||
|
|
Platinum Member |
Sorry, I did not read carefully.
Unfortunately, I do not think it is easy (if possible) to change the arrow color for the select tag (drop-down list). Below is the link to the discussion on the other forum: http://www.webmasterworld.com/forum83/1100.htm and citation (from another forum): it is impossible to change the color of the arrow in a select box. this color is set by the "desktop theme" of your windows desktop. I can think about replacing drop-down list with any scrolled iframe and the button, but it is a lot of work and it is rather doubtful if the effect is worth of the effort. Regards Grzegorz |
|||
|
|
Expert |
thanks for the ref. you're so kind. I'll keep looking.
btw, that webmasterworld forum looks great. i joined. |
|||
|
| Previous Topic | Next Topic | powered by eve community |
| Please Wait. Your request is being processed... |
|

