Tagged Questions

0
votes
2answers
47 views

I'm trying to style <select> tag in html using css. It works in Firefox properly but not in chrome

I'm trying to style tag in html using css. It works in Firefox properly but not in chrome. Here is the code i use in styling forms. After referring some through internet I used !important; command ...
0
votes
1answer
71 views

I have to post select options on change with PHP, but select is being converted to ul li by JQuery

I am using styled select dropdown, from here: I want to post the selected option in order to render some data for other dropdowns. The problem is the the onChange="this.form.submit()" is not ...
0
votes
2answers
63 views

How To Fix This “Select” Drop Down Using Css [duplicate]

This text "Third OMG! How can one option contain soooo many words? This really is a lot of words." make my Select box width more than 300px. <form action="" method="get"> <select ...
0
votes
1answer
33 views

Select menu padding but not to move the drop arrow

I wonder is there any way to give right padding to the selected text but not for the arrow to move. In this html I have given right padding as 15px, it is taking padding including the drop arrow. ...
0
votes
2answers
31 views

CSS style issue in Mozilla Firefox

I have this example: http://musicexploration.net/test-page How I can make the first select field to look like in Chrome? ( Without the right arrow and select instrument text in the middle )
0
votes
1answer
49 views

Select all content in div when clicked?/Resize textbox to fit text?

I've been searching around now for a while and I can't seem to find the answer I'm looking for. I'm making a little box, which has the width of the text inside it that, when clicked, selects all ...
0
votes
3answers
70 views

Use css to style html select after a selection has been made

basically i am looking for an opposite of select:focus. something that would style the select from css after a selection is made. concept: select:when not focused { color:transparent; }
3
votes
3answers
75 views

Runnning javascript for dropdown on page load?

I have a js function which controls the appearnace of a select element upon change. However, the one thing i need is for the code to run from start so that when the element loads the selected options ...
1
vote
2answers
71 views

html select with different background color for every option that works properly in every browser?

I am looking to build multiple html select elements with custom background colors for each option: <select runat="server" id="select"> <option value="A">White</option> <option ...
0
votes
1answer
108 views

select2 - Setting different width to input and dropdown

I am using Select2 3.3.2 I have very very long options in the select. Example: <select id="e1"> <option value="AL">Alabama</option> <option value="WY">Wyoming</option> ...
1
vote
3answers
78 views

<select> box styling difference on safari and firefox?

I am trying to simply stlye my select box so the text is centre aligned. It works in firefox but not in safari or chrome. When inspecting the element in chrome it says the text is centred, however ...
0
votes
1answer
44 views

Style dialog buttons CSS for only 1 jQuery dialog of several on page

I am trying to target the buttons on a jQuery dialog, but only for 1 dialog out of several on the page. I would normally target the buttons before using: .ui-dialog .ui-dialog-buttonpane and ...
0
votes
1answer
63 views

Is it possible to replace text from a script with CSS?

I want to replace "from tumblr" with just "tumblr", using CSS, if possible. I'm afraid to edit it with Notepad++ because last time I broke something and now I have a trauma. HTML class is: ...
-3
votes
1answer
67 views

How to set the select to have the width of the selected option

I have a select element with more options. The select has the width of the longest option text size. How can I set the select to have the width of the selected option? And when I click the select it ...
0
votes
0answers
140 views

Changing highlight color of selected option when using select with attribute size

After a lot of searching I decided to ask for some help. My problem is that I want to see my select box with the background-color I chose. At the beggining I used a select list without "size" ...
0
votes
1answer
46 views

How to fix OS X select html tag behavior?

I'm trying to customize select with css and javascript, with opacity and additional tag, but I've got next issue in OS X webkit browsers: How can I avoid this? In other systems all the browers (i.e. ...
0
votes
1answer
133 views

CSS - Set <div>s with “position: absolute” not to overlap each other

I have a table with n columns. Each column has a predefined width, and inside each column th, there is a div containing the actual header text, and a div containint a dropdown menu. This is a ...
1
vote
1answer
304 views

How to shift the alignment of text in a select dropdown toward the top and left with CSS?

I'm trying to display a dropdown over top of a spreadsheet-like table with JavaScript and CSS but am having issues with the alignment. I've set all borders, margins and paddings to zero, however I ...
0
votes
2answers
2k views

Firefox CSS select OPTION styling

From what im seeing, you cannot style boxes, because it is OS specific and cannot be broken unless you edit with javascript... My example is here: ...
6
votes
2answers
144 views

CSS rule to disable highlighting table column upon selection

Background Looking to disable highlighting a table's first column. HTML Source <table> <tbody> <tr><td class="unselectable" unselectable="on"><button value="1" ...
0
votes
0answers
102 views

jQuery uniform plugin select box alignment

I am using the jQuery Uniform plugin on a project I am working on. I have an isolated case of incorrect alignment between a label and a select box that I cannot fix. Here is an example of the markup ...
2
votes
1answer
193 views

Opera select background image not display

CSS noindex:-o-prefocus, .city-list select { height:20px; margin:3px 0 0; background-image: url("back.png"); background-position: 100% 100%; background: rgba(0,0,0,0); ...
1
vote
1answer
80 views

Mark a row across different `div`s with jQuery

I have a layout of two divs that are horizontally stacked. Each of them contains a row of elements. How can I make one of these rows make selectable (so that one may copy them to his clipboard, in ...
0
votes
2answers
160 views

Adding space between options of select tag in IE browser

I want to add a space in between 2 options of a select element in IE browser. My code works in Firefox and Chrome, using CSS I wrote for the select element. However, the styles are not applied in IE. ...
0
votes
1answer
136 views

How to remove black border effect around select element in IE 8 and less?

I have been searching for an hour on how to remove a black border/shadow around the top and left sides of a select element in IE 8 and less. Everything I have come across does not work. I am using ...
0
votes
2answers
325 views

Change items in a <select> onchange of another <select> element

So basically I have 2 <select> elements, and what I want is that the user selects a option in the first <select> and then the second <select> changes its options depending on what is ...
0
votes
2answers
61 views

Specify max width for all select in my form

I have a form with several selects (dropdown lists). I want all of them to have max-width:300px, I tried this, but not working: $(#myform 'select').css(width, '300px');
0
votes
0answers
41 views

Sizing <select multiple> in IE mobile

I'm designing for IEM 6.1.4 (I know, I know), and have found that <select multiple> seems to be ignoring my CSS style, while <select> works fine given the same inner options and CSS ...
0
votes
1answer
66 views

html elements alignment

I have the following html elements: <fieldset style="margin:20px;border:5px solid red;padding:0;"> <label class="offset widget" >Title goes here</label> ...
1
vote
1answer
288 views

HTML select dropdown list text wrapping stop working after ajax update

I have a html select drop down list of addresses. Some addresses are long, which extend out of the parent div border. I did my homework and find that the css rule solve this: select, option { ...
0
votes
6answers
2k views

easy way styling select box using jquery

any easy way, styling select box in the form using jquery <select> <option>sample</option> <option>sample1</option> </select> thank's
3
votes
5answers
128 views

Remove multiple select default background

I have this multiple select for which I want to change the default background for an individidual <option> <select size="8" name="lstSelectedPackages" style="width:100%"> <option ...
1
vote
5answers
237 views

jQuery: copy values of all inputs (selects, radiobuttons, checkboxes etc) from one part of the page to another one

There are two divs with different ids but absolutely with the same structure. <div id="block1"> <input type="text" class="class1" value="a"> <input type="text" class="class2" ...
0
votes
2answers
108 views

Rounded Corner Pure CSS Technique

I've been looking at this question on stack - How to style a <select> dropdown with CSS only without JavaScript? and wondering if it is possible to use rounded corners using this technique. In ...
0
votes
1answer
189 views

Limit displayed options in a dropdown using css

Is there any css property by which i can limit the displayed options in a dropdown. I know that setting size = 'value' in select limits the displayed options in drpdown to that value. Is this ...
1
vote
1answer
161 views

Reset default styling of Select Dropdown

I'm creating a website and no matter what I do, I am unable to style select dropdown, when I'm looking at it on my mac. What can I do? Is there a script somewhere that reset the default styles?
0
votes
1answer
2k views

select arrow style change

I'm trying to replace the arrow of a select with a picture of my own. I'm including the select in a div with the same size, I set the background of the select as transparent and I'm including a ...
0
votes
1answer
401 views

Foundation CSS Framework dropdown select

I'm using Foundation CSS. But the dropdown select I use as a simple HTML tag. The problem is that dropdown is not working on small (mobile) windows. I reproduced the error here ...
0
votes
2answers
93 views

user chose css file as theme for webpage using SESSION

I'm building a webpage that allows a user to choose a theme for it. How can I build that based on this suggestion (I have to use SESSION): <link rel="stylesheet" type="text/css" href="<?php ...
3
votes
2answers
162 views

The event handler to select

I took the example of the here, Demo 6 Everything works fine, however I can not figure out how to put handler, which would take from there value. That is, that when you change the selector to ...
-5
votes
0answers
55 views

The event handler to “select” [closed]

All the good times of day) I took the example of the here, Demo 6 Everything works fine, however I can not figure out how to put handler, which would take from there value. That is, that when you ...
0
votes
1answer
247 views

Styling portion of Select Option text

I am looking for a way to style Option text within a Select dropdown. I came across several stack articles such as this but I can't seem to get them to work. I'm testing in Safari. Is that the ...
0
votes
1answer
74 views

Why is the position of the select different in Chrome and FireFox?

#allday{ width: 175px; border: 1px solid #e7e7e7; font-size: 12px; color: #666666; height: 22px; } <select id ...
0
votes
0answers
367 views

Make dropdown arrow follow width of <select>

So I was wondering, if you have this code for a dropdown menu: HTML: <select class="dropdownMenu"> <option>Item 1</option> <option>Item 2</option> ...
-2
votes
1answer
324 views

Can't select text in Google Chrome neither in FF but it works in IE 10

I'm currently developing a website but I'm facing a little problem. The problem is that on Google Chrome, Firefox and Safari, I can't select text neither click on links in the middle part of the ...
0
votes
2answers
185 views

html/css 2 colors in 1 option select list

In my PHP system people can choose a color combination. I'm doing this with a option select list like this: <style> OPTION.purple{ width: 100px; background-color: #1d5280; color:white} ...
0
votes
3answers
308 views

How to make Google-like select boxes?

Something along the lines of this: But I'm having quite a lot of trouble styling it correctly. Anyone know of a plugin or a solution?
1
vote
3answers
133 views

SQL Select, different color depending on result number

I have an SQL SELECT statement and after executing this I have a While statement to display every record in a div. These div are all under one another and I want the divs to alternate in color. So ...
2
votes
1answer
269 views

HTML select tag: desktop vs mobile

I have noticed on my android browser that some drop-down menus give me the standard android pop up when I select and other sites seem to have a custom CSS set up for their select menus. One example ...
1
vote
1answer
108 views

HTML Select styled

I have this button, that should go to the page in the value, but it don't when i have the css, without it works, but looks bad: <form action="table.php" name="rows" method="POST"> ...

1 2 3 4 5
15 30 50 per page