Note: This answer covers several versions of Chrome, scroll to see v52, v48, v46, v43 and v42 each with their updated changes. Chrome v52+: Open the Developer Tools (Windows: F12 or Ctrl+Shift+I, Mac: Cmd+Opt+I) Click the Customize and control DevTools hamburger menu button and choose More tools > Rendering settings (or Rendering in newer versions). … Read more
You can change input box styles as well as text styles inside input box: Here you can use any color e.g. white, #DDD, rgba(102, 163, 177, 0.45). But transparent won’t work here. /* Change the white to any color */ input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active{ -webkit-box-shadow: 0 0 0 30px white inset !important; } Additionally, you … Read more
Doing this is not recommended as it regresses the accessibility of your site; for more info, see this post. That said, if you insist, this CSS should work: button:focus {outline:0;} Check it out or JSFiddle: http://jsfiddle.net/u4pXu/ Or in this snippet: button.launch { background-color: #F9A300; border: none; height: 40px; padding: 5px 15px; color: #ffffff; font-size: 16px; … Read more
Now you can see both the pseudo-class rules and force them on elements. To see the rules like :hover in the Styles pane click the small :hov text in the top right. To force an element into :hover state, right click it and select :hover. Additional tips on the elements panel in Chrome Developer Tools … Read more
In Chrome & Firefox (+31) you can add CSS in console.log messages: console.log(‘%c Oh my heavens! ‘, ‘background: #222; color: #bada55’); The same can be applied for adding multiple CSS to same command. References MDN: Styling console output Chrome: Console API Reference
Note: Read the comments of this answer, it can produce a XSS Vulnerability if you are using the default error handing of WebAPI I just add the following in App_Start / WebApiConfig.cs class in my MVC Web API project. config.Formatters.JsonFormatter.SupportedMediaTypes .Add(new MediaTypeHeaderValue(“text/html”) ); That makes sure you get JSON on most queries, but you can … Read more
I have been making a Chrome app called Postman for this type of stuff. All the other extensions seemed a bit dated so made my own. It also has a bunch of other features which have been helpful for documenting our own API here. Postman now also has native apps (i.e. standalone) for Windows, Mac … Read more
For localhost only Simply paste this in your chrome: chrome://flags/#allow-insecure-localhost You should see highlighted text saying: Allow invalid certificates for resources loaded from localhost Click Enable. Other sites Try typing thisisunsafe anywhere on the window, and the browser should let you visit the page. -OR- For a local self-signed cert that avoids arcane commands, specialized … Read more
This border is used to show that the element is focused (i.e. you can type in the input or press the button with Enter). You can remove it with outline property, though: textarea:focus, input:focus{ outline: none; } You may want to add some other way for users to know what element has keyboard focus though … Read more
Just a test which is working fine. #parent{ width: 100%; height: 100%; overflow: hidden; } #child{ width: 100%; height: 100%; overflow-y: scroll; padding-right: 17px; /* Increase/decrease this value for cross-browser compatibility */ box-sizing: content-box; /* So the width will be 100% + 17px */ } Working Fiddle JavaScript: Since the scrollbar width differs in different … Read more