JSFiddle - React, Tailwind, and code Playground
by ritcheyer
HTML
<select name="appClusterType" id="appClusterType" class="wizard-selector form-size-xsmall appParam">
<optgroup label="Available Clusters">
<option value="" selected>Select a Cluster Type</option>
<option value="java">Java Webapp</option>
<option value="asp.net" disabled>.NET Webapp</option>
<option value="php" disabled>PHP Webapp</option>
<option value="ruby" disabled>Ruby Webapp</option>
</optgroup>
</select>
<hr/>
<select name="appClusterType" id="appClusterType" class="wizard-selector form-size-xsmall appParam">
<optgroup label="Available Clusters">
<option value="" selected>Select a Cluster Type</option>
<option value="java">Java webapp</option>
<option value="asp.net" disabled>.NET webapp</option>
<option value="php" disabled>PHP webapp</option>
<option value="ruby" disabled>Ruby webapp</option>
</optgroup>
</select>
<hr/>
<select name="appClusterType" id="appClusterType" class="wizard-selector form-size-xsmall appParam">
<optgroup label="Available Clusters">
<option value="" selected>Select a Cluster Type</option>
<option value="java">Java web app</option>
<option value="asp.net" disabled>.NET web app</option>
<option value="php" disabled>PHP web app</option>
<option value="ruby" disabled>Ruby web app</option>
</optgroup>
</select>
<hr/>
<select name="appClusterType" id="appClusterType" class="wizard-selector form-size-xsmall appParam">
<optgroup label="Available Clusters">
<option value="" selected>Select a Cluster Type</option>
<option value="java">Java Web app</option>
<option value="asp.net" disabled>.NET Web app</option>
<option value="php" disabled>PHP Web app</option>
<option value="ruby" disabled>Ruby Web app</option>
</optgroup>
</select>
<hr/>
<select name="appClusterType" id="appClusterType" class="wizard-selector form-size-xsmall appParam">
<optgroup...
CSS
/*
* Which is the right way to say this?
* - Web App
* - web app
* - Web app
* - Webapp
* - webapp
*/