Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Test paper-input style</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <base href="https://polygit.org/components/">
    <script src="webcomponentsjs/webcomponents-lite.min.js"></script>
    <link href="polymer/polymer.html" rel="import">
    <link href="paper-input/paper-input.html" rel="import">
</head>
<body>
​
<dom-module id="test-style">
    <template>
        <style>
            :host {
                display: block;
            }
        </style>
        <style>
            paper-input ::content input::-webkit-datetime-edit-month-field{
                color: blue;
            }
            paper-input ::content input::-webkit-inner-spin-button {
                display: none;
            }
        </style>
        <paper-input label="Date of Birth" type="date"></paper-input>
​
    </template>
    <script>
        HTMLImports.whenReady(function() {
            Polymer({
                is: 'test-style'
            });
        });
    </script>
</dom-module>
​
<test-style></test-style>
</body>
</html>
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
TobiasSeitzpro
0viewers