Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Drop Down Box - Select Different Styles

Featured Replies

Hi all,

 

does anyone know a way how to create a drop down list that changes the appearance of the page when a value is selected?

 

for example the box has 3 values :

 

style 1

style 2

style 3

 

I want to be able to select each option, and for them to load a different style sheet. So style 1 will load style1.css and so on.

 

The research i have done so far suggests i am going to be using .onchange functions?...

 

 

Thanks for your help :)

 

Al

http://www.alistapart.com/articles/alternate/

says "When a document is initially loaded, the persistent and preferred style sheets are applied to the document. The alternate style sheets can then be selected by the user. The W3C tells us that the browser should give us a choice of the style sheet we want to use, and suggests that perhaps a drop–down menu or tool bar will be provided."

which should cover your request to link different stylesheets to your links Style 1, etc.

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.