Focal Point Banner


As of December 1, 2020, Focal Point is retired and repurposed as a reference repository. We value the wealth of knowledge that's been shared here over the years. You'll continue to have access to this treasure trove of knowledge, for search purposes only.

Join the TIBCO Community
TIBCO Community is a collaborative space for users to share knowledge and support one another in making the best use of TIBCO products and services. There are several TIBCO WebFOCUS resources in the community.

  • From the Home page, select Predict: WebFOCUS to view articles, questions, and trending articles.
  • Select Products from the top navigation bar, scroll, and then select the TIBCO WebFOCUS product page to view product overview, articles, and discussions.
  • Request access to the private WebFOCUS User Group (login required) to network with fellow members.

Former myibi community members should have received an email on 8/3/22 to activate their user accounts to join the community. Check your Spam folder for the email. Please get in touch with us at community@tibco.com for further assistance. Reference the community FAQ to learn more about the community.


Focal Point    Focal Point Forums  Hop To Forum Categories  WebFOCUS/FOCUS Forum on Focal Point     CSS guru: how do i change color of ddbox arrow

Read-Only Read-Only Topic
Go
Search
Notify
Tools
CSS guru: how do i change color of ddbox arrow
 Login/Join
 
Expert
posted
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
 
Posts: 3811 | Location: Manhattan | Registered: October 28, 2003Report This Post
<Grzegorz>
posted
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>,
 
Report This Post
Expert
posted Hide Post
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.
 
Posts: 3811 | Location: Manhattan | Registered: October 28, 2003Report This Post
<Grzegorz>
posted
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
 
Report This Post
Expert
posted Hide Post
thanks for the ref. you're so kind. I'll keep looking.
btw, that webmasterworld forum looks great. i joined.
 
Posts: 3811 | Location: Manhattan | Registered: October 28, 2003Report This Post
  Powered by Social Strata  

Read-Only Read-Only Topic

Focal Point    Focal Point Forums  Hop To Forum Categories  WebFOCUS/FOCUS Forum on Focal Point     CSS guru: how do i change color of ddbox arrow

Copyright © 1996-2020 Information Builders