<div>
It's down to the styles you've set. You're setting the height of your &lt;select&gt; to 3rem and then you're setting a padding on it that's so large that you're effectively moving the text out of view. Either remove the height of the &lt;select&gt; or reduce the padding: 
 
search-form-styles.css - line 42 // height is set here 
the-core-styles.css - line 723 // padding is set here
</div>

<div>
You forgot to identify your default &quot;option&quot; as selected 
 
Example 
 
Change 

<pre><code class="code-1 nolinks" id="code-20-42700751-1">&lt;select name=&quot;meeting-time&quot;&gt;&lt;option value=&quot;&quot;&gt;Select Meeting-time&lt;/option&gt;&lt;option value=&quot;1100-am&quot;&gt;11:00 AM&lt;/option&gt;&lt;option value=&quot;830-am&quot;&gt;8:30 AM&lt;/option&gt;&lt;option value=&quot;940-am&quot;&gt;9:40 AM&lt;/option&gt;&lt;/select&gt;
</code></pre>
 
to 

<pre><code class="code-1 nolinks" id="code-20-42700751-2">&lt;select name=&quot;meeting-time&quot;&gt;&lt;option value=&quot;&quot; selected&gt;Select Meeting-time&lt;/option&gt;&lt;option value=&quot;1100-am&quot;&gt;11:00 AM&lt;/option&gt;&lt;option value=&quot;830-am&quot;&gt;8:30 AM&lt;/option&gt;&lt;option value=&quot;940-am&quot;&gt;9:40 AM&lt;/option&gt;&lt;/select&gt;
</code></pre>
</div>

<div>
Hi, 
 
Don't forget to change line 711 
I have commented the padding and it is working fine 
the-core-styles.css 
 

<pre><code class="code-10 nolinks" id="code-20-42700776-1">select {
 background: #fff;
 color: #1f1f1f;
 font-family: 'Quattrocento Sans';
 font-size: 16.5px;
 font-style: normal;
 font-weight: 700;
 letter-spacing: 0px;
 line-height: 28px;
 /* padding: 12px 15px; */
 border: 1px solid rgba(0, 0, 0, 0.13);
 -webkit-appearance: none;
 -moz-appearance: none;
 margin: 0;
 outline: none;
 width: 100%;
}
</code></pre>
 
But I would not use UL /LI to display Select input. 
You can use column instead or use &nbsp;display: inline; or display: inline-block
</div>

axessJosh

<div>
<div class="content wysiwyg-content">
I have an HTML Select not showing default text, also not showing selected text. 
 
When clicked, the drop down shows the values, and the user is able to select items properly. &nbsp;The search feature is working it is just not showing which items were selected. 
 
I'm not sure if this is a browser update issue or something I can control. 
 
The example is at <a href="http://fbcolifegroups.com" rel="ugc">http://fbcolifegroups.com</a> 
 
thanks.
</div>
</div>

I have an HTML Select not showing default text, also not showing selected text.

When clicked, the drop down shows the values, and the user is able to select items properly.  The search feature is working it is just not showing which items were selected.

I'm not sure if this is a browser update issue or something I can control.

The example is at http://fbcolifegroups.com

thanks.

HTML Select not showing default text or selected text - drop down showing items correctly

HTML (HyperText Markup Language) is the main markup language for creating web pages and other information to be displayed in a web browser, providing both the structure and content for what is sent from a web server through the use of tags. The current implementation of the HTML specification is HTML5.

HTML

PHP is a widely-used server-side scripting language especially suited for web development, powering tens of millions of sites from Facebook to personal WordPress blogs. PHP is often paired with the MySQL relational database, but includes support for most other mainstream databases. By utilizing different Server APIs, PHP can work on many different web servers as a server-side scripting language.