Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(269)

Side by Side Diff: Source/core/css/html.css

Issue 347773002: Implement select listbox using shadow DOM (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: Fixed Created 6 years, 5 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch | Annotate | Revision Log
OLDNEW
1 /* 1 /*
2 * The default style sheet used to render HTML. 2 * The default style sheet used to render HTML.
3 * 3 *
4 * Copyright (C) 2000 Lars Knoll (knoll@kde.org) 4 * Copyright (C) 2000 Lars Knoll (knoll@kde.org)
5 * Copyright (C) 2003, 2004, 2005, 2006, 2007, 2008, 2009, 2010, 2011 Apple Inc. All rights reserved. 5 * Copyright (C) 2003, 2004, 2005, 2006, 2007, 2008, 2009, 2010, 2011 Apple Inc. All rights reserved.
6 * 6 *
7 * This library is free software; you can redistribute it and/or 7 * This library is free software; you can redistribute it and/or
8 * modify it under the terms of the GNU Library General Public 8 * modify it under the terms of the GNU Library General Public
9 * License as published by the Free Software Foundation; either 9 * License as published by the Free Software Foundation; either
10 * version 2 of the License, or (at your option) any later version. 10 * version 2 of the License, or (at your option) any later version.
(...skipping 741 matching lines...) Expand 10 before | Expand all | Expand 10 after
752 cursor: default; 752 cursor: default;
753 } 753 }
754 754
755 select[size], 755 select[size],
756 select[multiple], 756 select[multiple],
757 select[size][multiple] { 757 select[size][multiple] {
758 -webkit-appearance: listbox; 758 -webkit-appearance: listbox;
759 align-items: flex-start; 759 align-items: flex-start;
760 border: 1px inset gray; 760 border: 1px inset gray;
761 border-radius: initial; 761 border-radius: initial;
762 white-space: initial; 762 overflow-x: hidden;
763 overflow-y: scroll;
764 vertical-align: text-bottom;
765 -webkit-user-select: none;
766 white-space: nowrap;
763 } 767 }
764 768
765 select[size="0"], 769 select[size="0"],
766 select[size="1"] { 770 select[size="1"] {
767 -webkit-appearance: menulist; 771 -webkit-appearance: menulist;
768 align-items: center; 772 align-items: center;
769 border: 1px solid; 773 border-width: 1px;
774 border-style: solid;
775 border-color: initial;
770 border-radius: 5px; 776 border-radius: 5px;
777 overflow-x: initial;
778 overflow-y: initial;
779 vertical-align: initial;
780 -webkit-user-select: initial;
771 white-space: pre; 781 white-space: pre;
772 } 782 }
773 783
774 optgroup { 784 optgroup {
775 font-weight: bolder; 785 font-weight: bolder;
786 display: block;
776 } 787 }
777 788
778 option { 789 option {
779 font-weight: normal; 790 font-weight: normal;
791 display: block;
792 padding: 0 2px 1px 2px;
793 white-space: pre;
794 }
795
796 option:checked {
797 background-color: -internal-inactive-list-box-selection;
798 color: -internal-inactive-list-box-selection-text;
799 }
800
801 select:focus option:checked {
802 background-color: -internal-active-list-box-selection;
803 color: -internal-active-list-box-selection-text;
804 }
805
806 select:disabled option:checked,
807 option:checked:disabled {
808 color: gray;
809 }
810
811 optgroup::-webkit-optgroup-label {
812 padding: 0 2px 1px 2px;
780 } 813 }
781 814
782 output { 815 output {
783 display: inline; 816 display: inline;
784 } 817 }
785 818
786 /* meter */ 819 /* meter */
787 820
788 meter { 821 meter {
789 -webkit-appearance: meter; 822 -webkit-appearance: meter;
(...skipping 249 matching lines...) Expand 10 before | Expand all | Expand 10 after
1039 @page { 1072 @page {
1040 /* FIXME: Define the right default values for page properties. */ 1073 /* FIXME: Define the right default values for page properties. */
1041 size: auto; 1074 size: auto;
1042 margin: auto; 1075 margin: auto;
1043 padding: 0px; 1076 padding: 0px;
1044 border-width: 0px; 1077 border-width: 0px;
1045 } 1078 }
1046 1079
1047 /* noscript is handled internally, as it depends on settings. */ 1080 /* noscript is handled internally, as it depends on settings. */
1048 1081
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698