Question

I have integrated std::vector<std::string> names; std::vector<std::string> surnames; std::vector<std::string> dobs; for (int i = 2; i < rows; i += 3) { names.push_back(results[i]); surnames.push_back(results[i + 1]); dobs.push_back(results[i + 2]); } CSS framework with skel on a web template due to some missing components in the template that was originally build on Bootstrap and I had no other choice..

Bottom line..

All skel are set as

selectboxes

in order to remove the select arrow and apply custom styling.

I have a select that I want to view as default and am trying to override the { -webkit-appearance: none; appearance: none } and set it back to normal.

I tried

appearance

and

{
  -webkit-appearance: default;
  appearance: default
}

but it ain't working.

How can I set back the original appearance of the select?

Answer 1

you can do it if you use <div class="col-md-offset-4 col-md-16"> - if @campaign.errors.any? ul - @campaign.errors.full_messages.each do |e| li |e = form_for @campaign do |f| div.form-group = f.label :name, class: "control-label" = f.text_field :name, class: "form-control" div.form-group = f.label :ad_link, class: "control-label" = f.text_field :link, class: "form-control" div.form-group = f.label :image, class: "control-label" = f.file_field :campaign_image, class: "file" div.form-group = f.submit "Create campaign" </div>

Snippet:

appearance:menulist

.reset {
  -webkit-appearance: none; 
  -moz-appearance:none;
  appearance:none;
}
.select {
  -webkit-appearance: menulist;
  -moz-appearance: menulist; 
  appearance: menulist; 
}

See more about <select class="reset select"></select> and which values can it use here

Overriding css appearance value with its default value

1 个答案:

Snippet: