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

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

Issue 417353004: Use explicit case-insensitive attribute-value matching in UA-stylesheets (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: Created 6 years, 4 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
« no previous file with comments | « no previous file | Source/core/css/mediaControls.css » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
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 390 matching lines...) Expand 10 before | Expand all | Expand 10 after
401 letter-spacing: normal; 401 letter-spacing: normal;
402 word-spacing: normal; 402 word-spacing: normal;
403 line-height: normal; 403 line-height: normal;
404 text-transform: none; 404 text-transform: none;
405 text-indent: 0; 405 text-indent: 0;
406 text-shadow: none; 406 text-shadow: none;
407 display: inline-block; 407 display: inline-block;
408 text-align: start; 408 text-align: start;
409 } 409 }
410 410
411 input[type="hidden"] { 411 input[type="hidden" i] {
412 display: none 412 display: none
413 } 413 }
414 414
415 input, input[type="password"], input[type="search"] { 415 input, input[type="password" i], input[type="search" i] {
416 -webkit-appearance: textfield; 416 -webkit-appearance: textfield;
417 padding: 1px; 417 padding: 1px;
418 background-color: white; 418 background-color: white;
419 border: 2px inset; 419 border: 2px inset;
420 -webkit-rtl-ordering: logical; 420 -webkit-rtl-ordering: logical;
421 -webkit-user-select: text; 421 -webkit-user-select: text;
422 cursor: auto; 422 cursor: auto;
423 } 423 }
424 424
425 input[type="search"] { 425 input[type="search" i] {
426 -webkit-appearance: searchfield; 426 -webkit-appearance: searchfield;
427 box-sizing: border-box; 427 box-sizing: border-box;
428 } 428 }
429 429
430 input::-webkit-textfield-decoration-container { 430 input::-webkit-textfield-decoration-container {
431 display: flex; 431 display: flex;
432 align-items: center; 432 align-items: center;
433 -webkit-user-modify: read-only !important; 433 -webkit-user-modify: read-only !important;
434 content: none !important; 434 content: none !important;
435 } 435 }
436 436
437 input[type="search"]::-webkit-textfield-decoration-container { 437 input[type="search" i]::-webkit-textfield-decoration-container {
438 direction: ltr; 438 direction: ltr;
439 } 439 }
440 440
441 input::-webkit-clear-button { 441 input::-webkit-clear-button {
442 -webkit-appearance: searchfield-cancel-button; 442 -webkit-appearance: searchfield-cancel-button;
443 display: inline-block; 443 display: inline-block;
444 flex: none; 444 flex: none;
445 -webkit-user-modify: read-only !important; 445 -webkit-user-modify: read-only !important;
446 -webkit-margin-start: 2px; 446 -webkit-margin-start: 2px;
447 opacity: 0; 447 opacity: 0;
448 pionter-events: none; 448 pionter-events: none;
449 } 449 }
450 450
451 input:enabled:read-write:-webkit-any(:focus,:hover)::-webkit-clear-button { 451 input:enabled:read-write:-webkit-any(:focus,:hover)::-webkit-clear-button {
452 opacity: 1; 452 opacity: 1;
453 pointer-events: auto; 453 pointer-events: auto;
454 } 454 }
455 455
456 input[type="search"]::-webkit-search-cancel-button { 456 input[type="search" i]::-webkit-search-cancel-button {
457 -webkit-appearance: searchfield-cancel-button; 457 -webkit-appearance: searchfield-cancel-button;
458 display: block; 458 display: block;
459 flex: none; 459 flex: none;
460 -webkit-user-modify: read-only !important; 460 -webkit-user-modify: read-only !important;
461 -webkit-margin-start: 1px; 461 -webkit-margin-start: 1px;
462 opacity: 0; 462 opacity: 0;
463 pointer-events: none; 463 pointer-events: none;
464 } 464 }
465 465
466 input[type="search"]:enabled:read-write:-webkit-any(:focus,:hover)::-webkit-sear ch-cancel-button { 466 input[type="search" i]:enabled:read-write:-webkit-any(:focus,:hover)::-webkit-se arch-cancel-button {
467 opacity: 1; 467 opacity: 1;
468 pointer-events: auto; 468 pointer-events: auto;
469 } 469 }
470 470
471 input[type="search"]::-webkit-search-decoration { 471 input[type="search" i]::-webkit-search-decoration {
472 -webkit-appearance: searchfield-decoration; 472 -webkit-appearance: searchfield-decoration;
473 display: block; 473 display: block;
474 flex: none; 474 flex: none;
475 -webkit-user-modify: read-only !important; 475 -webkit-user-modify: read-only !important;
476 -webkit-align-self: flex-start; 476 -webkit-align-self: flex-start;
477 margin: auto 0; 477 margin: auto 0;
478 } 478 }
479 479
480 input[type="search"]::-webkit-search-results-decoration { 480 input[type="search" i]::-webkit-search-results-decoration {
481 -webkit-appearance: searchfield-results-decoration; 481 -webkit-appearance: searchfield-results-decoration;
482 display: block; 482 display: block;
483 flex: none; 483 flex: none;
484 -webkit-user-modify: read-only !important; 484 -webkit-user-modify: read-only !important;
485 -webkit-align-self: flex-start; 485 -webkit-align-self: flex-start;
486 margin: auto 0; 486 margin: auto 0;
487 } 487 }
488 488
489 input::-webkit-inner-spin-button { 489 input::-webkit-inner-spin-button {
490 -webkit-appearance: inner-spin-button; 490 -webkit-appearance: inner-spin-button;
(...skipping 41 matching lines...) Expand 10 before | Expand all | Expand 10 after
532 pointer-events: none !important; 532 pointer-events: none !important;
533 } 533 }
534 534
535 input::-webkit-input-placeholder { 535 input::-webkit-input-placeholder {
536 white-space: pre; 536 white-space: pre;
537 word-wrap: normal; 537 word-wrap: normal;
538 overflow: hidden; 538 overflow: hidden;
539 -webkit-user-modify: read-only !important; 539 -webkit-user-modify: read-only !important;
540 } 540 }
541 541
542 input[type="password"] { 542 input[type="password" i] {
543 -webkit-text-security: disc !important; 543 -webkit-text-security: disc !important;
544 } 544 }
545 545
546 input[type="hidden"], input[type="image"], input[type="file"] { 546 input[type="hidden" i], input[type="image" i], input[type="file" i] {
547 -webkit-appearance: initial; 547 -webkit-appearance: initial;
548 padding: initial; 548 padding: initial;
549 background-color: initial; 549 background-color: initial;
550 border: initial; 550 border: initial;
551 } 551 }
552 552
553 input[type="file"] { 553 input[type="file" i] {
554 align-items: baseline; 554 align-items: baseline;
555 color: inherit; 555 color: inherit;
556 text-align: start !important; 556 text-align: start !important;
557 } 557 }
558 558
559 input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { 559 input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
560 background-color: #FAFFBD !important; 560 background-color: #FAFFBD !important;
561 background-image:none !important; 561 background-image:none !important;
562 color: #000000 !important; 562 color: #000000 !important;
563 } 563 }
564 564
565 input[type="radio"], input[type="checkbox"] { 565 input[type="radio" i], input[type="checkbox" i] {
566 margin: 3px 0.5ex; 566 margin: 3px 0.5ex;
567 padding: initial; 567 padding: initial;
568 background-color: initial; 568 background-color: initial;
569 border: initial; 569 border: initial;
570 } 570 }
571 571
572 input[type="button"], input[type="submit"], input[type="reset"] { 572 input[type="button" i], input[type="submit" i], input[type="reset" i] {
573 -webkit-appearance: push-button; 573 -webkit-appearance: push-button;
574 -webkit-user-select: none; 574 -webkit-user-select: none;
575 white-space: pre 575 white-space: pre
576 } 576 }
577 577
578 input[type="file"]::-webkit-file-upload-button { 578 input[type="file" i]::-webkit-file-upload-button {
579 -webkit-appearance: push-button; 579 -webkit-appearance: push-button;
580 -webkit-user-modify: read-only !important; 580 -webkit-user-modify: read-only !important;
581 white-space: nowrap; 581 white-space: nowrap;
582 margin: 0; 582 margin: 0;
583 font-size: inherit; 583 font-size: inherit;
584 } 584 }
585 585
586 input[type="button"], input[type="submit"], input[type="reset"], input[type="fil e"]::-webkit-file-upload-button, button { 586 input[type="button" i], input[type="submit" i], input[type="reset" i], input[typ e="file" i]::-webkit-file-upload-button, button {
587 align-items: flex-start; 587 align-items: flex-start;
588 text-align: center; 588 text-align: center;
589 cursor: default; 589 cursor: default;
590 color: ButtonText; 590 color: ButtonText;
591 padding: 2px 6px 3px 6px; 591 padding: 2px 6px 3px 6px;
592 border: 2px outset ButtonFace; 592 border: 2px outset ButtonFace;
593 background-color: ButtonFace; 593 background-color: ButtonFace;
594 box-sizing: border-box 594 box-sizing: border-box
595 } 595 }
596 596
597 input[type="range"] { 597 input[type="range" i] {
598 -webkit-appearance: slider-horizontal; 598 -webkit-appearance: slider-horizontal;
599 padding: initial; 599 padding: initial;
600 border: initial; 600 border: initial;
601 margin: 2px; 601 margin: 2px;
602 color: #909090; 602 color: #909090;
603 } 603 }
604 604
605 input[type="range"]::-webkit-slider-container, input[type="range"]::-webkit-medi a-slider-container { 605 input[type="range" i]::-webkit-slider-container, input[type="range" i]::-webkit- media-slider-container {
606 flex: 1; 606 flex: 1;
607 box-sizing: border-box; 607 box-sizing: border-box;
608 -webkit-user-modify: read-only !important; 608 -webkit-user-modify: read-only !important;
609 display: flex; 609 display: flex;
610 -webkit-align-contents: center; 610 -webkit-align-contents: center;
611 } 611 }
612 612
613 input[type="range"]::-webkit-slider-runnable-track { 613 input[type="range" i]::-webkit-slider-runnable-track {
614 flex: 1; 614 flex: 1;
615 -webkit-align-self: center; 615 -webkit-align-self: center;
616 616
617 box-sizing: border-box; 617 box-sizing: border-box;
618 -webkit-user-modify: read-only !important; 618 -webkit-user-modify: read-only !important;
619 display: block; 619 display: block;
620 } 620 }
621 621
622 input[type="range"]::-webkit-slider-thumb, input[type="range"]::-webkit-media-sl ider-thumb { 622 input[type="range" i]::-webkit-slider-thumb, input[type="range" i]::-webkit-medi a-slider-thumb {
623 -webkit-appearance: sliderthumb-horizontal; 623 -webkit-appearance: sliderthumb-horizontal;
624 box-sizing: border-box; 624 box-sizing: border-box;
625 -webkit-user-modify: read-only !important; 625 -webkit-user-modify: read-only !important;
626 display: block; 626 display: block;
627 } 627 }
628 628
629 input[type="button"]:disabled, input[type="submit"]:disabled, input[type="reset" ]:disabled, 629 input[type="button" i]:disabled, input[type="submit" i]:disabled, input[type="re set" i]:disabled,
630 input[type="file"]:disabled::-webkit-file-upload-button, button:disabled, 630 input[type="file" i]:disabled::-webkit-file-upload-button, button:disabled,
631 select:disabled, keygen:disabled, optgroup:disabled, option:disabled, 631 select:disabled, keygen:disabled, optgroup:disabled, option:disabled,
632 select[disabled]>option { 632 select[disabled]>option {
633 color: GrayText 633 color: GrayText
634 } 634 }
635 635
636 input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:ac tive, input[type="file"]:active::-webkit-file-upload-button, button:active { 636 input[type="button" i]:active, input[type="submit" i]:active, input[type="reset" i]:active, input[type="file" i]:active::-webkit-file-upload-button, button:acti ve {
637 border-style: inset 637 border-style: inset
638 } 638 }
639 639
640 input[type="button"]:active:disabled, input[type="submit"]:active:disabled, inpu t[type="reset"]:active:disabled, input[type="file"]:active:disabled::-webkit-fil e-upload-button, button:active:disabled { 640 input[type="button" i]:active:disabled, input[type="submit" i]:active:disabled, input[type="reset" i]:active:disabled, input[type="file" i]:active:disabled::-we bkit-file-upload-button, button:active:disabled {
641 border-style: outset 641 border-style: outset
642 } 642 }
643 643
644 option:-internal-spatial-navigation-focus { 644 option:-internal-spatial-navigation-focus {
645 outline: black dashed 1px; 645 outline: black dashed 1px;
646 outline-offset: -1px; 646 outline-offset: -1px;
647 } 647 }
648 648
649 datalist { 649 datalist {
650 display: none 650 display: none
651 } 651 }
652 652
653 area, param { 653 area, param {
654 display: none 654 display: none
655 } 655 }
656 656
657 input[type="checkbox"] { 657 input[type="checkbox" i] {
658 -webkit-appearance: checkbox; 658 -webkit-appearance: checkbox;
659 box-sizing: border-box; 659 box-sizing: border-box;
660 } 660 }
661 661
662 input[type="radio"] { 662 input[type="radio" i] {
663 -webkit-appearance: radio; 663 -webkit-appearance: radio;
664 box-sizing: border-box; 664 box-sizing: border-box;
665 } 665 }
666 666
667 input[type="color"] { 667 input[type="color" i] {
668 -webkit-appearance: square-button; 668 -webkit-appearance: square-button;
669 width: 44px; 669 width: 44px;
670 height: 23px; 670 height: 23px;
671 background-color: ButtonFace; 671 background-color: ButtonFace;
672 /* Same as native_theme_base. */ 672 /* Same as native_theme_base. */
673 border: 1px #a9a9a9 solid; 673 border: 1px #a9a9a9 solid;
674 padding: 1px 2px; 674 padding: 1px 2px;
675 } 675 }
676 676
677 input[type="color"]::-webkit-color-swatch-wrapper { 677 input[type="color" i]::-webkit-color-swatch-wrapper {
678 display:flex; 678 display:flex;
679 padding: 4px 2px; 679 padding: 4px 2px;
680 box-sizing: border-box; 680 box-sizing: border-box;
681 -webkit-user-modify: read-only !important; 681 -webkit-user-modify: read-only !important;
682 width: 100%; 682 width: 100%;
683 height: 100% 683 height: 100%
684 } 684 }
685 685
686 input[type="color"]::-webkit-color-swatch { 686 input[type="color" i]::-webkit-color-swatch {
687 background-color: #000000; 687 background-color: #000000;
688 border: 1px solid #777777; 688 border: 1px solid #777777;
689 flex: 1; 689 flex: 1;
690 -webkit-user-modify: read-only !important; 690 -webkit-user-modify: read-only !important;
691 } 691 }
692 692
693 input[type="color"][list] { 693 input[type="color" i][list] {
694 -webkit-appearance: menulist; 694 -webkit-appearance: menulist;
695 width: 88px; 695 width: 88px;
696 height: 23px 696 height: 23px
697 } 697 }
698 698
699 input[type="color"][list]::-webkit-color-swatch-wrapper { 699 input[type="color" i][list]::-webkit-color-swatch-wrapper {
700 padding-left: 8px; 700 padding-left: 8px;
701 padding-right: 24px; 701 padding-right: 24px;
702 } 702 }
703 703
704 input[type="color"][list]::-webkit-color-swatch { 704 input[type="color" i][list]::-webkit-color-swatch {
705 border-color: #000000; 705 border-color: #000000;
706 } 706 }
707 707
708 input::-webkit-calendar-picker-indicator { 708 input::-webkit-calendar-picker-indicator {
709 display: inline-block; 709 display: inline-block;
710 width: 0.66em; 710 width: 0.66em;
711 height: 0.66em; 711 height: 0.66em;
712 padding: 0.17em 0.34em; 712 padding: 0.17em 0.34em;
713 -webkit-user-modify: read-only !important; 713 -webkit-user-modify: read-only !important;
714 opacity: 0; 714 opacity: 0;
715 pointer-events: none; 715 pointer-events: none;
716 } 716 }
717 717
718 input::-webkit-calendar-picker-indicator:hover { 718 input::-webkit-calendar-picker-indicator:hover {
719 background-color: #eee; 719 background-color: #eee;
720 } 720 }
721 721
722 input:enabled:read-write:-webkit-any(:focus,:hover)::-webkit-calendar-picker-ind icator { 722 input:enabled:read-write:-webkit-any(:focus,:hover)::-webkit-calendar-picker-ind icator {
723 opacity: 1; 723 opacity: 1;
724 pointer-events: auto; 724 pointer-events: auto;
725 } 725 }
726 726
727 input[type="date"]:disabled::-webkit-clear-button, 727 input[type="date" i]:disabled::-webkit-clear-button,
728 input[type="date"]:disabled::-webkit-inner-spin-button, 728 input[type="date" i]:disabled::-webkit-inner-spin-button,
729 input[type="datetime-local"]:disabled::-webkit-clear-button, 729 input[type="datetime-local" i]:disabled::-webkit-clear-button,
730 input[type="datetime-local"]:disabled::-webkit-inner-spin-button, 730 input[type="datetime-local" i]:disabled::-webkit-inner-spin-button,
731 input[type="month"]:disabled::-webkit-clear-button, 731 input[type="month" i]:disabled::-webkit-clear-button,
732 input[type="month"]:disabled::-webkit-inner-spin-button, 732 input[type="month" i]:disabled::-webkit-inner-spin-button,
733 input[type="week"]:disabled::-webkit-clear-button, 733 input[type="week" i]:disabled::-webkit-clear-button,
734 input[type="week"]:disabled::-webkit-inner-spin-button, 734 input[type="week" i]:disabled::-webkit-inner-spin-button,
735 input:disabled::-webkit-calendar-picker-indicator, 735 input:disabled::-webkit-calendar-picker-indicator,
736 input[type="date"][readonly]::-webkit-clear-button, 736 input[type="date" i][readonly]::-webkit-clear-button,
737 input[type="date"][readonly]::-webkit-inner-spin-button, 737 input[type="date" i][readonly]::-webkit-inner-spin-button,
738 input[type="datetime-local"][readonly]::-webkit-clear-button, 738 input[type="datetime-local" i][readonly]::-webkit-clear-button,
739 input[type="datetime-local"][readonly]::-webkit-inner-spin-button, 739 input[type="datetime-local" i][readonly]::-webkit-inner-spin-button,
740 input[type="month"][readonly]::-webkit-clear-button, 740 input[type="month" i][readonly]::-webkit-clear-button,
741 input[type="month"][readonly]::-webkit-inner-spin-button, 741 input[type="month" i][readonly]::-webkit-inner-spin-button,
742 input[type="week"][readonly]::-webkit-clear-button, 742 input[type="week" i][readonly]::-webkit-clear-button,
743 input[type="week"][readonly]::-webkit-inner-spin-button, 743 input[type="week" i][readonly]::-webkit-inner-spin-button,
744 input[readonly]::-webkit-calendar-picker-indicator { 744 input[readonly]::-webkit-calendar-picker-indicator {
745 visibility: hidden; 745 visibility: hidden;
746 } 746 }
747 747
748 select { 748 select {
749 -webkit-appearance: menulist; 749 -webkit-appearance: menulist;
750 box-sizing: border-box; 750 box-sizing: border-box;
751 align-items: center; 751 align-items: center;
752 border: 1px solid; 752 border: 1px solid;
753 white-space: pre; 753 white-space: pre;
(...skipping 233 matching lines...) Expand 10 before | Expand all | Expand 10 after
987 } 987 }
988 988
989 applet:focus, embed:focus, iframe:focus, object:focus { 989 applet:focus, embed:focus, iframe:focus, object:focus {
990 outline: none 990 outline: none
991 } 991 }
992 992
993 input:focus, textarea:focus, keygen:focus, select:focus { 993 input:focus, textarea:focus, keygen:focus, select:focus {
994 outline-offset: -2px 994 outline-offset: -2px
995 } 995 }
996 996
997 input[type="button"]:focus, 997 input[type="button" i]:focus,
998 input[type="checkbox"]:focus, 998 input[type="checkbox" i]:focus,
999 input[type="file"]:focus, 999 input[type="file" i]:focus,
1000 input[type="hidden"]:focus, 1000 input[type="hidden" i]:focus,
1001 input[type="image"]:focus, 1001 input[type="image" i]:focus,
1002 input[type="radio"]:focus, 1002 input[type="radio" i]:focus,
1003 input[type="reset"]:focus, 1003 input[type="reset" i]:focus,
1004 input[type="search"]:focus, 1004 input[type="search" i]:focus,
1005 input[type="submit"]:focus, 1005 input[type="submit" i]:focus,
1006 input[type="file"]:focus::-webkit-file-upload-button { 1006 input[type="file" i]:focus::-webkit-file-upload-button {
1007 outline-offset: 0 1007 outline-offset: 0
1008 } 1008 }
1009 1009
1010 a:-webkit-any-link { 1010 a:-webkit-any-link {
1011 color: -webkit-link; 1011 color: -webkit-link;
1012 text-decoration: underline; 1012 text-decoration: underline;
1013 cursor: auto; 1013 cursor: auto;
1014 } 1014 }
1015 1015
1016 a:-webkit-any-link:active { 1016 a:-webkit-any-link:active {
(...skipping 59 matching lines...) Expand 10 before | Expand all | Expand 10 after
1076 } 1076 }
1077 1077
1078 bdi, output { 1078 bdi, output {
1079 unicode-bidi: -webkit-isolate; 1079 unicode-bidi: -webkit-isolate;
1080 } 1080 }
1081 1081
1082 bdo { 1082 bdo {
1083 unicode-bidi: bidi-override; 1083 unicode-bidi: bidi-override;
1084 } 1084 }
1085 1085
1086 textarea[dir=auto] { 1086 textarea[dir=auto i] {
1087 unicode-bidi: -webkit-plaintext; 1087 unicode-bidi: -webkit-plaintext;
1088 } 1088 }
1089 1089
1090 /* page */ 1090 /* page */
1091 1091
1092 @page { 1092 @page {
1093 /* FIXME: Define the right default values for page properties. */ 1093 /* FIXME: Define the right default values for page properties. */
1094 size: auto; 1094 size: auto;
1095 margin: auto; 1095 margin: auto;
1096 padding: 0px; 1096 padding: 0px;
1097 border-width: 0px; 1097 border-width: 0px;
1098 } 1098 }
1099 1099
1100 /* noscript is handled internally, as it depends on settings. */ 1100 /* noscript is handled internally, as it depends on settings. */
1101 1101
OLDNEW
« no previous file with comments | « no previous file | Source/core/css/mediaControls.css » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698