Use the AppFrameWork in the front-end frame to fillet problems in the input box

The current use of HTML5 technology to develop mobile cross-platform apps has become a shortcut for Web developers to intervene in mobile development. There are also many new techniques to support such development, such as foreign phonegap and domestic appcan. Many of the mobile side of the front-end UI framework is also emerging, the principle is similar, nothing more than to provide some common UI components and their use of the demo and Js/ajax API and so on. In fact, compared to the original development, HTML5 technology, although the development cost and cycle is small, but the efficiency of the very big difference. So it is very important to choose the front-end frame, if the frame is too heavy, then the performance on the mobile phone will be a disaster (actually loading very slow, more sluggish phenomenon). For example, the previous jquerymobile, although jquery is famous, but its mobile-side framework efficiency is indeed not flattering. I generally use its rewritten version of the AppFrameWork (Jqmobi) framework, which is very light, and general application performance is still possible.

Today using a input in it to develop a user login interface, found its fillet input box on the real machine is a bug, open its CSS look, found its input style is set

For the fillet display effect is realized through the Border-radius, this way on the PC side is no problem, but on the Android phone, if your entire page set background or background color, the display effect will be a rectangle box inside a fillet border, the way to solve this problem is

Add a background-clip:padding-box to this style, so that the display on the real machine is no problem.

Use the AppFrameWork in the front-end frame to fillet problems in the input box